Реєстрація Реєстрація
A Horrible Death

A Horrible Death

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

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

A Horrible Death

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

Редагувати
Яскраві 8 кольорів Нейтральні Змішані Комплементарна
Вподобання 27
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #241623;
  --c-vibrant-2: #820933;
  --c-vibrant-3: #E36397;
  --c-vibrant-4: #FFE5F5;
  --c-vibrant-5: #EAE6FF;
  --c-vibrant-6: #76E7CD;
  --c-vibrant-7: #3C787E;
  --c-vibrant-8: #023A52;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Bunny Tail (#FFE5F5), найсвітлішого тону, до Kurobeni (#241623), найтемнішого. Вона об'єднує Kurobeni, Inescapable Lover, Groovy, Bunny Tail, Cyber Lavender, Turquoise Chalk, Grand Canal та Dark Denim Blue в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 10 з них, найконтрастніша — #241623 на #FFE5F5 (14,64:1).

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

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

Kurobeni #241623
RGB
rgb(36, 22, 35)
HSL
hsl(304, 24%, 11%)
Яскравість
0,011
Inescapable Lover #820933
RGB
rgb(130, 9, 51)
HSL
hsl(339, 87%, 27%)
Яскравість
0,052
Groovy #E36397
RGB
rgb(227, 99, 151)
HSL
hsl(336, 70%, 64%)
Яскравість
0,275
Bunny Tail #FFE5F5
RGB
rgb(255, 229, 245)
HSL
hsl(323, 100%, 95%)
Яскравість
0,839
Cyber Lavender #EAE6FF
RGB
rgb(234, 230, 255)
HSL
hsl(250, 100%, 95%)
Яскравість
0,813
Turquoise Chalk #76E7CD
RGB
rgb(118, 231, 205)
HSL
hsl(166, 70%, 68%)
Яскравість
0,654
Grand Canal #3C787E
RGB
rgb(60, 120, 126)
HSL
hsl(185, 35%, 36%)
Яскравість
0,159
Dark Denim Blue #023A52
RGB
rgb(2, 58, 82)
HSL
hsl(198, 95%, 16%)
Яскравість
0,037

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

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

Aa #241623 на #FFE5F5 14,64:1 AAA
Aa #241623 на #EAE6FF 14,22:1 AAA
Aa #241623 на #76E7CD 11,60:1 AAA
Aa #FFE5F5 на #023A52 10,28:1 AAA
Aa #EAE6FF на #023A52 9,98:1 AAA
Aa #820933 на #FFE5F5 8,73:1 AAA
Aa #820933 на #EAE6FF 8,48:1 AAA
Aa #76E7CD на #023A52 8,14:1 AAA
Aa #820933 на #76E7CD 6,92:1 AA
Aa #241623 на #E36397 5,35:1 AA
Aa #FFE5F5 на #3C787E 4,25:1 AA, великий текст
Aa #EAE6FF на #3C787E 4,13:1 AA, великий текст
Aa #E36397 на #023A52 3,76:1 AA, великий текст
Aa #241623 на #3C787E 3,44:1 AA, великий текст
Aa #76E7CD на #3C787E 3,37:1 AA, великий текст
Aa #820933 на #E36397 3,19:1 AA, великий текст
Aa #E36397 на #FFE5F5 2,74:1 Не проходить
Aa #E36397 на #EAE6FF 2,66:1 Не проходить
Aa #3C787E на #023A52 2,42:1 Не проходить
Aa #E36397 на #76E7CD 2,17:1 Не проходить
Aa #820933 на #3C787E 2,05:1 Не проходить
Aa #241623 на #820933 1,68:1 Не проходить
Aa #E36397 на #3C787E 1,55:1 Не проходить
Aa #241623 на #023A52 1,42:1 Не проходить
Aa #FFE5F5 на #76E7CD 1,26:1 Не проходить
Aa #EAE6FF на #76E7CD 1,23:1 Не проходить
Aa #820933 на #023A52 1,18:1 Не проходить
Aa #FFE5F5 на #EAE6FF 1,03: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 кольори