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

Wacks8

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

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

Wacks8

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

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

CSS-змінні

:root {
  --c-vibrant-1: #0A0E33;
  --c-vibrant-2: #C8232A;
  --c-vibrant-3: #F1E038;
  --c-vibrant-4: #14964C;
  --c-vibrant-5: #8CB5ED;
  --c-vibrant-6: #2B65E2;
  --c-vibrant-7: #C523AC;
  --c-vibrant-8: #E4DBF0;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Lingering Lilac (#E4DBF0), найсвітлішого тону, до Infinite Night (#0A0E33), найтемнішого. Вона об'єднує Infinite Night, Flush Mahogany, Juicy Jackfruit, Boogie Blast, Electric Eel, Enchanting Sapphire, Mystifying Magenta та Lingering Lilac в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них, найконтрастніша — #0A0E33 на #E4DBF0 (13,96:1).

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

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

Infinite Night #0A0E33
RGB
rgb(10, 14, 51)
HSL
hsl(234, 67%, 12%)
Яскравість
0,006
Flush Mahogany #C8232A
RGB
rgb(200, 35, 42)
HSL
hsl(357, 70%, 46%)
Яскравість
0,137
Juicy Jackfruit #F1E038
RGB
rgb(241, 224, 56)
HSL
hsl(54, 87%, 58%)
Яскравість
0,723
Boogie Blast #14964C
RGB
rgb(20, 150, 76)
HSL
hsl(146, 76%, 33%)
Яскравість
0,225
Electric Eel #8CB5ED
RGB
rgb(140, 181, 237)
HSL
hsl(215, 73%, 74%)
Яскравість
0,447
Enchanting Sapphire #2B65E2
RGB
rgb(43, 101, 226)
HSL
hsl(221, 76%, 53%)
Яскравість
0,153
Mystifying Magenta #C523AC
RGB
rgb(197, 35, 172)
HSL
hsl(309, 70%, 45%)
Яскравість
0,161
Lingering Lilac #E4DBF0
RGB
rgb(228, 219, 240)
HSL
hsl(266, 41%, 90%)
Яскравість
0,735

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

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

Aa #0A0E33 на #E4DBF0 13,96:1 AAA
Aa #0A0E33 на #F1E038 13,76:1 AAA
Aa #0A0E33 на #8CB5ED 8,85:1 AAA
Aa #0A0E33 на #14964C 4,89:1 AA
Aa #C8232A на #E4DBF0 4,21:1 AA, великий текст
Aa #C8232A на #F1E038 4,14:1 AA, великий текст
Aa #2B65E2 на #E4DBF0 3,86:1 AA, великий текст
Aa #F1E038 на #2B65E2 3,81:1 AA, великий текст
Aa #0A0E33 на #C523AC 3,75:1 AA, великий текст
Aa #C523AC на #E4DBF0 3,73:1 AA, великий текст
Aa #F1E038 на #C523AC 3,67:1 AA, великий текст
Aa #0A0E33 на #2B65E2 3,62:1 AA, великий текст
Aa #0A0E33 на #C8232A 3,32:1 AA, великий текст
Aa #14964C на #E4DBF0 2,85:1 Не проходить
Aa #F1E038 на #14964C 2,81:1 Не проходить
Aa #C8232A на #8CB5ED 2,67:1 Не проходить
Aa #8CB5ED на #2B65E2 2,45:1 Не проходить
Aa #8CB5ED на #C523AC 2,36:1 Не проходить
Aa #14964C на #8CB5ED 1,81:1 Не проходить
Aa #8CB5ED на #E4DBF0 1,58:1 Не проходить
Aa #F1E038 на #8CB5ED 1,55:1 Не проходить
Aa #C8232A на #14964C 1,47:1 Не проходить
Aa #14964C на #2B65E2 1,35:1 Не проходить
Aa #14964C на #C523AC 1,31:1 Не проходить
Aa #C8232A на #C523AC 1,13:1 Не проходить
Aa #C8232A на #2B65E2 1,09:1 Не проходить
Aa #2B65E2 на #C523AC 1,04:1 Не проходить
Aa #F1E038 на #E4DBF0 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 кольори