Реєстрація Реєстрація
Палітра «№5» з 4 кольорів

Палітра «№5» з 4 кольорів

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

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

Палітра «№5» з 4 кольорів

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

Редагувати
Яскраві 4 кольори Теплі Світлі Аналогова
Вподобання 6 240
Кольори 4

CSS-змінні

:root {
  --c-vibrant-1: #973131;
  --c-vibrant-2: #E0A75E;
  --c-vibrant-3: #F9D689;
  --c-vibrant-4: #F5E7B2;
}

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

Ця яскрава палітра з 4 кольорів охоплює діапазон від Icy Lemonade (#F5E7B2), найсвітлішого тону, до Ripasso (#973131), найтемнішого. Вона об'єднує Ripasso, Earth Yellow, №5 та Icy Lemonade в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #973131 на #F5E7B2 (6,06:1).

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

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

Ripasso #973131
RGB
rgb(151, 49, 49)
HSL
hsl(0, 51%, 39%)
Яскравість
0,090
Earth Yellow #E0A75E
RGB
rgb(224, 167, 94)
HSL
hsl(34, 68%, 62%)
Яскравість
0,443
№5 #F9D689
RGB
rgb(249, 214, 137)
HSL
hsl(41, 90%, 76%)
Яскравість
0,700
Icy Lemonade #F5E7B2
RGB
rgb(245, 231, 178)
HSL
hsl(47, 77%, 83%)
Яскравість
0,798

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

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

Aa #973131 на #F5E7B2 6,06:1 AA
Aa #973131 на #F9D689 5,36:1 AA
Aa #973131 на #E0A75E 3,52:1 AA, великий текст
Aa #E0A75E на #F5E7B2 1,72:1 Не проходить
Aa #E0A75E на #F9D689 1,52:1 Не проходить
Aa #F9D689 на #F5E7B2 1,13: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 кольори