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

Elven_Eight

Палітра з 8 кольорів · Теплі · Світлі · Комплементарна гармонія

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

Elven_Eight

Палітра з 8 кольорів · Теплі кольори · Світлі тони · Комплементарна гармонія

Редагувати
Яскраві 8 кольорів Теплі Світлі Комплементарна fantasy bright rainbow
Вподобання 12
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #FD90AA;
  --c-vibrant-2: #FEE9CF;
  --c-vibrant-3: #E4C8A5;
  --c-vibrant-4: #F5FF97;
  --c-vibrant-5: #94FF9B;
  --c-vibrant-6: #94E8FD;
  --c-vibrant-7: #4D494A;
  --c-vibrant-8: #E191FC;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Metal Spark (#F5FF97), найсвітлішого тону, до Bastion Grey (#4D494A), найтемнішого. Вона об'єднує Baker-Miller Pink, Pale Egg, Gentle Fawn, Metal Spark, Bright Mint, Alpine Expedition, Bastion Grey та Bright Lilac в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #F5FF97 на #4D494A (8,29:1).

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

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

Baker-Miller Pink #FD90AA
RGB
rgb(253, 144, 170)
HSL
hsl(346, 96%, 78%)
Яскравість
0,437
Pale Egg #FEE9CF
RGB
rgb(254, 233, 207)
HSL
hsl(33, 96%, 90%)
Яскравість
0,839
Gentle Fawn #E4C8A5
RGB
rgb(228, 200, 165)
HSL
hsl(33, 54%, 77%)
Яскравість
0,605
Metal Spark #F5FF97
RGB
rgb(245, 255, 151)
HSL
hsl(66, 100%, 80%)
Яскравість
0,932
Bright Mint #94FF9B
RGB
rgb(148, 255, 155)
HSL
hsl(124, 100%, 79%)
Яскравість
0,802
Alpine Expedition #94E8FD
RGB
rgb(148, 232, 253)
HSL
hsl(192, 96%, 79%)
Яскравість
0,711
Bastion Grey #4D494A
RGB
rgb(77, 73, 74)
HSL
hsl(345, 3%, 29%)
Яскравість
0,068
Bright Lilac #E191FC
RGB
rgb(225, 145, 252)
HSL
hsl(285, 95%, 78%)
Яскравість
0,433

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

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

Aa #F5FF97 на #4D494A 8,29:1 AAA
Aa #FEE9CF на #4D494A 7,51:1 AAA
Aa #94FF9B на #4D494A 7,20:1 AAA
Aa #94E8FD на #4D494A 6,43:1 AA
Aa #E4C8A5 на #4D494A 5,53:1 AA
Aa #FD90AA на #4D494A 4,12:1 AA, великий текст
Aa #4D494A на #E191FC 4,08:1 AA, великий текст
Aa #F5FF97 на #E191FC 2,03:1 Не проходить
Aa #FD90AA на #F5FF97 2,01:1 Не проходить
Aa #FEE9CF на #E191FC 1,84:1 Не проходить
Aa #FD90AA на #FEE9CF 1,82:1 Не проходить
Aa #94FF9B на #E191FC 1,76:1 Не проходить
Aa #FD90AA на #94FF9B 1,75:1 Не проходить
Aa #94E8FD на #E191FC 1,58:1 Не проходить
Aa #FD90AA на #94E8FD 1,56:1 Не проходить
Aa #E4C8A5 на #F5FF97 1,50:1 Не проходить
Aa #FEE9CF на #E4C8A5 1,36:1 Не проходить
Aa #E4C8A5 на #E191FC 1,36:1 Не проходить
Aa #FD90AA на #E4C8A5 1,34:1 Не проходить
Aa #E4C8A5 на #94FF9B 1,30:1 Не проходить
Aa #F5FF97 на #94E8FD 1,29:1 Не проходить
Aa #FEE9CF на #94E8FD 1,17:1 Не проходить
Aa #E4C8A5 на #94E8FD 1,16:1 Не проходить
Aa #F5FF97 на #94FF9B 1,15:1 Не проходить
Aa #94FF9B на #94E8FD 1,12:1 Не проходить
Aa #FEE9CF на #F5FF97 1,10:1 Не проходить
Aa #FEE9CF на #94FF9B 1,04:1 Не проходить
Aa #FD90AA на #E191FC 1,01:1 Не проходить

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

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 кольори
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 кольори
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 кольори
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 кольори
#F38181 #FCE38A #EAFFD0 #95E1D3
4 кольори
#B7C4CF #EEE3CB #D7C0AE #967E76
4 кольори
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 кольори
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 кольори