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

Solarize

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

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

Solarize

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

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

CSS-змінні

:root {
  --c-vibrant-1: #FFFF4E;
  --c-vibrant-2: #FECE84;
  --c-vibrant-3: #E59C7B;
  --c-vibrant-4: #F5704B;
  --c-vibrant-5: #A86577;
}

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

Ця яскрава палітра з 5 кольорів охоплює діапазон від Butter Cake (#FFFF4E), найсвітлішого тону, до Heather Rose (#A86577), найтемнішого. Вона об'єднує Butter Cake, Equatorial, Les Demoiselles d’Avignon, Fiery Sky та Heather Rose в один набір, який можна одразу перенести в інтерфейс. Жодна з 10 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Butter Cake #FFFF4E
RGB
rgb(255, 255, 78)
HSL
hsl(60, 100%, 65%)
Яскравість
0,933
Equatorial #FECE84
RGB
rgb(254, 206, 132)
HSL
hsl(36, 98%, 76%)
Яскравість
0,669
Les Demoiselles d’Avignon #E59C7B
RGB
rgb(229, 156, 123)
HSL
hsl(19, 67%, 69%)
Яскравість
0,419
Fiery Sky #F5704B
RGB
rgb(245, 112, 75)
HSL
hsl(13, 89%, 63%)
Яскравість
0,315
Heather Rose #A86577
RGB
rgb(168, 101, 119)
HSL
hsl(344, 28%, 53%)
Яскравість
0,190

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

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

Aa #FFFF4E на #A86577 4,10:1 AA, великий текст
Aa #FECE84 на #A86577 3,00:1 AA, великий текст
Aa #FFFF4E на #F5704B 2,69:1 Не проходить
Aa #FFFF4E на #E59C7B 2,10:1 Не проходить
Aa #FECE84 на #F5704B 1,97:1 Не проходить
Aa #E59C7B на #A86577 1,96:1 Не проходить
Aa #FECE84 на #E59C7B 1,53:1 Не проходить
Aa #F5704B на #A86577 1,52:1 Не проходить
Aa #FFFF4E на #FECE84 1,37:1 Не проходить
Aa #E59C7B на #F5704B 1,28: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 кольори