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

CROMATICA

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

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

CROMATICA

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

Редагувати
Яскраві 10 кольорів Нейтральні Змішані Комплементарна vibrant colorful 10colors radiant
Вподобання 97
Кольори 10

CSS-змінні

:root {
  --c-vibrant-1: #FBF8FD;
  --c-vibrant-2: #A1A9D1;
  --c-vibrant-3: #007FFF;
  --c-vibrant-4: #24256F;
  --c-vibrant-5: #141218;
  --c-vibrant-6: #5F0E52;
  --c-vibrant-7: #FD1A43;
  --c-vibrant-8: #FFB16C;
  --c-vibrant-9: #FEDE5B;
  --c-vibrant-10: #74EAD6;
}

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

Ця яскрава палітра з 10 кольорів охоплює діапазон від Ghost White (#FBF8FD), найсвітлішого тону, до Dark Void (#141218), найтемнішого. Вона об'єднує Ghost White, Lilac Scent Soft Blue, Azure, After Work Blue, Dark Void, Grape Purple, Future Fuchsia, Apricot, Rodan Gold та Turquoise Chalk в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 17 з них, найконтрастніша — #FBF8FD на #141218 (17,66:1).

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

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

Ghost White #FBF8FD
RGB
rgb(251, 248, 253)
HSL
hsl(276, 56%, 98%)
Яскравість
0,947
Lilac Scent Soft Blue #A1A9D1
RGB
rgb(161, 169, 209)
HSL
hsl(230, 34%, 73%)
Яскравість
0,406
Azure #007FFF
RGB
rgb(0, 127, 255)
HSL
hsl(210, 100%, 50%)
Яскравість
0,224
After Work Blue #24256F
RGB
rgb(36, 37, 111)
HSL
hsl(239, 51%, 29%)
Яскравість
0,029
Dark Void #141218
RGB
rgb(20, 18, 24)
HSL
hsl(260, 14%, 8%)
Яскравість
0,007
Grape Purple #5F0E52
RGB
rgb(95, 14, 82)
HSL
hsl(310, 74%, 21%)
Яскравість
0,034
Future Fuchsia #FD1A43
RGB
rgb(253, 26, 67)
HSL
hsl(349, 98%, 55%)
Яскравість
0,220
Apricot #FFB16C
RGB
rgb(255, 177, 108)
HSL
hsl(28, 100%, 71%)
Яскравість
0,538
Rodan Gold #FEDE5B
RGB
rgb(254, 222, 91)
HSL
hsl(48, 99%, 68%)
Яскравість
0,741
Turquoise Chalk #74EAD6
RGB
rgb(116, 234, 214)
HSL
hsl(170, 74%, 69%)
Яскравість
0,674

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

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

Aa #FBF8FD на #141218 17,66:1 AAA
Aa #141218 на #FEDE5B 14,00:1 AAA
Aa #141218 на #74EAD6 12,82:1 AAA
Aa #FBF8FD на #24256F 12,71:1 AAA
Aa #FBF8FD на #5F0E52 11,94:1 AAA
Aa #141218 на #FFB16C 10,41:1 AAA
Aa #24256F на #FEDE5B 10,08:1 AAA
Aa #5F0E52 на #FEDE5B 9,46:1 AAA
Aa #24256F на #74EAD6 9,23:1 AAA
Aa #5F0E52 на #74EAD6 8,67:1 AAA
Aa #A1A9D1 на #141218 8,07:1 AAA
Aa #24256F на #FFB16C 7,49:1 AAA
Aa #5F0E52 на #FFB16C 7,04:1 AAA
Aa #A1A9D1 на #24256F 5,81:1 AA
Aa #A1A9D1 на #5F0E52 5,45:1 AA
Aa #007FFF на #141218 4,85:1 AA
Aa #141218 на #FD1A43 4,79:1 AA
Aa #FBF8FD на #FD1A43 3,69:1 AA, великий текст
Aa #FBF8FD на #007FFF 3,64:1 AA, великий текст
Aa #007FFF на #24256F 3,49:1 AA, великий текст
Aa #24256F на #FD1A43 3,44:1 AA, великий текст
Aa #007FFF на #5F0E52 3,28:1 AA, великий текст
Aa #5F0E52 на #FD1A43 3,23:1 AA, великий текст
Aa #FD1A43 на #FEDE5B 2,93:1 Не проходить
Aa #007FFF на #FEDE5B 2,89:1 Не проходить
Aa #FD1A43 на #74EAD6 2,68:1 Не проходить
Aa #007FFF на #74EAD6 2,64:1 Не проходить
Aa #FBF8FD на #A1A9D1 2,19:1 Не проходить
Aa #FD1A43 на #FFB16C 2,18:1 Не проходить
Aa #007FFF на #FFB16C 2,15:1 Не проходить
Aa #A1A9D1 на #FEDE5B 1,74:1 Не проходить
Aa #FBF8FD на #FFB16C 1,70:1 Не проходить
Aa #A1A9D1 на #FD1A43 1,69:1 Не проходить
Aa #A1A9D1 на #007FFF 1,66:1 Не проходить
Aa #A1A9D1 на #74EAD6 1,59:1 Не проходить
Aa #141218 на #5F0E52 1,48:1 Не проходить
Aa #24256F на #141218 1,39:1 Не проходить
Aa #FBF8FD на #74EAD6 1,38:1 Не проходить
Aa #FFB16C на #FEDE5B 1,35:1 Не проходить
Aa #A1A9D1 на #FFB16C 1,29:1 Не проходить
Aa #FBF8FD на #FEDE5B 1,26:1 Не проходить
Aa #FFB16C на #74EAD6 1,23:1 Не проходить
Aa #FEDE5B на #74EAD6 1,09:1 Не проходить
Aa #24256F на #5F0E52 1,07:1 Не проходить
Aa #007FFF на #FD1A43 1,01: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 кольори