Реєстрація Реєстрація
Calm Sunset

Calm Sunset

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

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

Calm Sunset

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

Редагувати
Яскраві 7 кольорів Теплі Світлі Тріадна sky clouds sunset calm
Вподобання 570
Кольори 7

CSS-змінні

:root {
  --c-vibrant-1: #684971;
  --c-vibrant-2: #A06389;
  --c-vibrant-3: #CB7CA2;
  --c-vibrant-4: #E1AEA4;
  --c-vibrant-5: #F9D8A1;
  --c-vibrant-6: #FFECB2;
  --c-vibrant-7: #FFFCF1;
}

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

Ця яскрава палітра з 7 кольорів охоплює діапазон від Granulated Sugar (#FFFCF1), найсвітлішого тону, до Clary (#684971), найтемнішого. Вона об'єднує Clary, Raspberry Jelly Red, Heartbreaker, Pale Blush, Milky Maize, Dear Melissa та Granulated Sugar в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #684971 на #FFFCF1 (7,35:1).

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

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

Clary #684971
RGB
rgb(104, 73, 113)
HSL
hsl(287, 22%, 36%)
Яскравість
0,089
Raspberry Jelly Red #A06389
RGB
rgb(160, 99, 137)
HSL
hsl(323, 24%, 51%)
Яскравість
0,182
Heartbreaker #CB7CA2
RGB
rgb(203, 124, 162)
HSL
hsl(331, 43%, 64%)
Яскравість
0,297
Pale Blush #E1AEA4
RGB
rgb(225, 174, 164)
HSL
hsl(10, 50%, 76%)
Яскравість
0,490
Milky Maize #F9D8A1
RGB
rgb(249, 216, 161)
HSL
hsl(38, 88%, 80%)
Яскравість
0,718
Dear Melissa #FFECB2
RGB
rgb(255, 236, 178)
HSL
hsl(45, 100%, 85%)
Яскравість
0,845
Granulated Sugar #FFFCF1
RGB
rgb(255, 252, 241)
HSL
hsl(47, 100%, 97%)
Яскравість
0,972

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

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

Aa #684971 на #FFFCF1 7,35:1 AAA
Aa #684971 на #FFECB2 6,44:1 AA
Aa #684971 на #F9D8A1 5,53:1 AA
Aa #A06389 на #FFFCF1 4,41:1 AA, великий текст
Aa #684971 на #E1AEA4 3,88:1 AA, великий текст
Aa #A06389 на #FFECB2 3,86:1 AA, великий текст
Aa #A06389 на #F9D8A1 3,31:1 AA, великий текст
Aa #CB7CA2 на #FFFCF1 2,94:1 Не проходить
Aa #CB7CA2 на #FFECB2 2,58:1 Не проходить
Aa #684971 на #CB7CA2 2,50:1 Не проходить
Aa #A06389 на #E1AEA4 2,33:1 Не проходить
Aa #CB7CA2 на #F9D8A1 2,21:1 Не проходить
Aa #E1AEA4 на #FFFCF1 1,89:1 Не проходить
Aa #684971 на #A06389 1,67:1 Не проходить
Aa #E1AEA4 на #FFECB2 1,66:1 Не проходить
Aa #CB7CA2 на #E1AEA4 1,55:1 Не проходить
Aa #A06389 на #CB7CA2 1,50:1 Не проходить
Aa #E1AEA4 на #F9D8A1 1,42:1 Не проходить
Aa #F9D8A1 на #FFFCF1 1,33:1 Не проходить
Aa #F9D8A1 на #FFECB2 1,16:1 Не проходить
Aa #FFECB2 на #FFFCF1 1,14: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 кольори