Реєстрація Реєстрація
RAINBOWPOP12

RAINBOWPOP12

Палітра з 12 кольорів · Нейтральні · Змішані · Комплементарна гармонія

До бібліотеки

RAINBOWPOP12

Палітра з 12 кольорів · Нейтральні кольори · Змішані тони · Комплементарна гармонія

Редагувати
Яскраві 12 кольорів Нейтральні Змішані Комплементарна bright candy rainbow sweet
Вподобання 18
Кольори 12

CSS-змінні

:root {
  --c-vibrant-1: #BF0F44;
  --c-vibrant-2: #E0690D;
  --c-vibrant-3: #F2F20A;
  --c-vibrant-4: #FDFFE0;
  --c-vibrant-5: #8BE615;
  --c-vibrant-6: #08BD59;
  --c-vibrant-7: #00D1D1;
  --c-vibrant-8: #0075CF;
  --c-vibrant-9: #3C1FAD;
  --c-vibrant-10: #310340;
  --c-vibrant-11: #8B2299;
  --c-vibrant-12: #D44696;
}

Про цю палітру

Ця яскрава палітра з 12 кольорів охоплює діапазон від Ceramite White (#FDFFE0), найсвітлішого тону, до Dark Violet (#310340), найтемнішого. Вона об'єднує Red Jalapeño, Tiger Moth Orange, Huáng Sè Yellow, Ceramite White, Poisonous Pistachio, Pistou Green, Jade Glass, Wizard Blue, Indigo Blue, Dark Violet, Passionate Purple та Kirby в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 16 з них, найконтрастніша — #FDFFE0 на #310340 (16,88:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

Розбір кольорів

Red Jalapeño #BF0F44
RGB
rgb(191, 15, 68)
HSL
hsl(342, 85%, 40%)
Яскравість
0,118
Tiger Moth Orange #E0690D
RGB
rgb(224, 105, 13)
HSL
hsl(26, 89%, 46%)
Яскравість
0,260
Huáng Sè Yellow #F2F20A
RGB
rgb(242, 242, 10)
HSL
hsl(60, 92%, 49%)
Яскравість
0,824
Ceramite White #FDFFE0
RGB
rgb(253, 255, 224)
HSL
hsl(64, 100%, 94%)
Яскравість
0,978
Poisonous Pistachio #8BE615
RGB
rgb(139, 230, 21)
HSL
hsl(86, 83%, 49%)
Яскравість
0,621
Pistou Green #08BD59
RGB
rgb(8, 189, 89)
HSL
hsl(147, 92%, 39%)
Яскравість
0,372
Jade Glass #00D1D1
RGB
rgb(0, 209, 209)
HSL
hsl(180, 100%, 41%)
Яскравість
0,502
Wizard Blue #0075CF
RGB
rgb(0, 117, 207)
HSL
hsl(206, 100%, 41%)
Яскравість
0,172
Indigo Blue #3C1FAD
RGB
rgb(60, 31, 173)
HSL
hsl(252, 70%, 40%)
Яскравість
0,050
Dark Violet #310340
RGB
rgb(49, 3, 64)
HSL
hsl(285, 91%, 13%)
Яскравість
0,011
Passionate Purple #8B2299
RGB
rgb(139, 34, 153)
HSL
hsl(293, 64%, 37%)
Яскравість
0,089
Kirby #D44696
RGB
rgb(212, 70, 150)
HSL
hsl(326, 62%, 55%)
Яскравість
0,206

Контраст і доступність

Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 16 з них.

Aa #FDFFE0 на #310340 16,88:1 AAA
Aa #F2F20A на #310340 14,36:1 AAA
Aa #8BE615 на #310340 11,03:1 AAA
Aa #FDFFE0 на #3C1FAD 10,32:1 AAA
Aa #00D1D1 на #310340 9,07:1 AAA
Aa #F2F20A на #3C1FAD 8,78:1 AAA
Aa #FDFFE0 на #8B2299 7,38:1 AAA
Aa #08BD59 на #310340 6,93:1 AA
Aa #8BE615 на #3C1FAD 6,74:1 AA
Aa #F2F20A на #8B2299 6,27:1 AA
Aa #BF0F44 на #FDFFE0 6,11:1 AA
Aa #00D1D1 на #3C1FAD 5,54:1 AA
Aa #BF0F44 на #F2F20A 5,19:1 AA
Aa #E0690D на #310340 5,09:1 AA
Aa #8BE615 на #8B2299 4,82:1 AA
Aa #FDFFE0 на #0075CF 4,62:1 AA
Aa #08BD59 на #3C1FAD 4,23:1 AA, великий текст
Aa #310340 на #D44696 4,20:1 AA, великий текст
Aa #FDFFE0 на #D44696 4,02:1 AA, великий текст
Aa #BF0F44 на #8BE615 3,99:1 AA, великий текст
Aa #00D1D1 на #8B2299 3,96:1 AA, великий текст
Aa #F2F20A на #0075CF 3,93:1 AA, великий текст
Aa #0075CF на #310340 3,65:1 AA, великий текст
Aa #F2F20A на #D44696 3,42:1 AA, великий текст
Aa #E0690D на #FDFFE0 3,32:1 AA, великий текст
Aa #BF0F44 на #00D1D1 3,28:1 AA, великий текст
Aa #E0690D на #3C1FAD 3,11:1 AA, великий текст
Aa #08BD59 на #8B2299 3,03:1 AA, великий текст
Aa #8BE615 на #0075CF 3,02:1 AA, великий текст
Aa #E0690D на #F2F20A 2,82:1 Не проходить
Aa #BF0F44 на #310340 2,77:1 Не проходить
Aa #8BE615 на #D44696 2,62:1 Не проходить
Aa #3C1FAD на #D44696 2,57:1 Не проходить
Aa #BF0F44 на #08BD59 2,50:1 Не проходить
Aa #00D1D1 на #0075CF 2,48:1 Не проходить
Aa #FDFFE0 на #08BD59 2,44:1 Не проходить
Aa #310340 на #8B2299 2,29:1 Не проходить
Aa #0075CF на #3C1FAD 2,23:1 Не проходить
Aa #E0690D на #8B2299 2,22:1 Не проходить
Aa #E0690D на #8BE615 2,17:1 Не проходить
Aa #00D1D1 на #D44696 2,16:1 Не проходить
Aa #F2F20A на #08BD59 2,07:1 Не проходить
Aa #08BD59 на #0075CF 1,90:1 Не проходить
Aa #FDFFE0 на #00D1D1 1,86:1 Не проходить
Aa #BF0F44 на #E0690D 1,84:1 Не проходить
Aa #8B2299 на #D44696 1,84:1 Не проходить
Aa #E0690D на #00D1D1 1,78:1 Не проходить
Aa #BF0F44 на #3C1FAD 1,69:1 Не проходить
Aa #08BD59 на #D44696 1,65:1 Не проходить
Aa #3C1FAD на #310340 1,64:1 Не проходить
Aa #0075CF на #8B2299 1,60:1 Не проходить
Aa #8BE615 на #08BD59 1,59:1 Не проходить
Aa #F2F20A на #00D1D1 1,58:1 Не проходить
Aa #FDFFE0 на #8BE615 1,53:1 Не проходить
Aa #BF0F44 на #D44696 1,52:1 Не проходить
Aa #3C1FAD на #8B2299 1,40:1 Не проходить
Aa #E0690D на #0075CF 1,39:1 Не проходить
Aa #E0690D на #08BD59 1,36:1 Не проходить
Aa #BF0F44 на #0075CF 1,32:1 Не проходить
Aa #08BD59 на #00D1D1 1,31:1 Не проходить
Aa #F2F20A на #8BE615 1,30:1 Не проходить
Aa #8BE615 на #00D1D1 1,22:1 Не проходить
Aa #BF0F44 на #8B2299 1,21:1 Не проходить
Aa #E0690D на #D44696 1,21:1 Не проходить
Aa #F2F20A на #FDFFE0 1,18:1 Не проходить
Aa #0075CF на #D44696 1,15:1 Не проходить

Схожі палітри

#EDF1D6 #9DC08B #609966 #40513B
4 кольори
#F5F7F8 #F4CE14 #495E57 #45474B
4 кольори
#222831 #393E46 #FFD369 #EEEEEE
4 кольори
#000000 #52057B #892CDC #BC6FF1
4 кольори
#213555 #3E5879 #D8C4B6 #F5EFE7
4 кольори
#F5EFE7 #D8C4B6 #4F709C #213555
4 кольори
#191A19 #1E5128 #4E9F3D #D8E9A8
4 кольори
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 кольори