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

Shimmering Sunset

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

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

Shimmering Sunset

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

Редагувати
Землисті 12 кольорів Теплі Світлі Тріадна sunset desaturated cozy 12
Вподобання 61
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #FACFCF;
  --c-earthy-2: #F2ADC9;
  --c-earthy-3: #C795C1;
  --c-earthy-4: #9A7AA1;
  --c-earthy-5: #6F6682;
  --c-earthy-6: #4D5363;
  --c-earthy-7: #FFE58F;
  --c-earthy-8: #FAB47E;
  --c-earthy-9: #EE9292;
  --c-earthy-10: #BD84A5;
  --c-earthy-11: #BCB7F4;
  --c-earthy-12: #9D90DA;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Swallowtail (#FFE58F), найсвітлішого тону, до Mystical Shade (#4D5363), найтемнішого. Вона об'єднує Fading Rose, Rose Mallow, Pomtini, Divine, Hyacinth Arbour, Mystical Shade, Swallowtail, Baltic Amber, Dishy Coral, Opera Mauve, Purple Illusion та Middy’s Purple в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #4D5363 на #FFE58F (6,17:1).

Спокійні природні тони — пасують еко- та органік-брендам, кав'ярням, туристичному спорядженню й теплій редакційній типографіці.

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

Fading Rose #FACFCF
RGB
rgb(250, 207, 207)
HSL
hsl(0, 81%, 90%)
Яскравість
0,695
Rose Mallow #F2ADC9
RGB
rgb(242, 173, 201)
HSL
hsl(336, 73%, 81%)
Яскравість
0,530
Pomtini #C795C1
RGB
rgb(199, 149, 193)
HSL
hsl(307, 31%, 68%)
Яскравість
0,375
Divine #9A7AA1
RGB
rgb(154, 122, 161)
HSL
hsl(289, 17%, 55%)
Яскравість
0,234
Hyacinth Arbour #6F6682
RGB
rgb(111, 102, 130)
HSL
hsl(259, 12%, 45%)
Яскравість
0,145
Mystical Shade #4D5363
RGB
rgb(77, 83, 99)
HSL
hsl(224, 13%, 35%)
Яскравість
0,087
Swallowtail #FFE58F
RGB
rgb(255, 229, 143)
HSL
hsl(46, 100%, 78%)
Яскравість
0,793
Baltic Amber #FAB47E
RGB
rgb(250, 180, 126)
HSL
hsl(26, 93%, 74%)
Яскравість
0,545
Dishy Coral #EE9292
RGB
rgb(238, 146, 146)
HSL
hsl(0, 73%, 75%)
Яскравість
0,408
Opera Mauve #BD84A5
RGB
rgb(189, 132, 165)
HSL
hsl(325, 30%, 63%)
Яскравість
0,300
Purple Illusion #BCB7F4
RGB
rgb(188, 183, 244)
HSL
hsl(245, 73%, 84%)
Яскравість
0,511
Middy’s Purple #9D90DA
RGB
rgb(157, 144, 218)
HSL
hsl(251, 50%, 71%)
Яскравість
0,322

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

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

Aa #4D5363 на #FFE58F 6,17:1 AA
Aa #FACFCF на #4D5363 5,45:1 AA
Aa #4D5363 на #FAB47E 4,35:1 AA, великий текст
Aa #6F6682 на #FFE58F 4,32:1 AA, великий текст
Aa #F2ADC9 на #4D5363 4,24:1 AA, великий текст
Aa #4D5363 на #BCB7F4 4,10:1 AA, великий текст
Aa #FACFCF на #6F6682 3,82:1 AA, великий текст
Aa #4D5363 на #EE9292 3,35:1 AA, великий текст
Aa #C795C1 на #4D5363 3,11:1 AA, великий текст
Aa #6F6682 на #FAB47E 3,05:1 AA, великий текст
Aa #F2ADC9 на #6F6682 2,97:1 Не проходить
Aa #9A7AA1 на #FFE58F 2,97:1 Не проходить
Aa #6F6682 на #BCB7F4 2,88:1 Не проходить
Aa #4D5363 на #9D90DA 2,72:1 Не проходить
Aa #FACFCF на #9A7AA1 2,63:1 Не проходить
Aa #4D5363 на #BD84A5 2,56:1 Не проходить
Aa #FFE58F на #BD84A5 2,41:1 Не проходить
Aa #6F6682 на #EE9292 2,35:1 Не проходить
Aa #FFE58F на #9D90DA 2,27:1 Не проходить
Aa #C795C1 на #6F6682 2,18:1 Не проходить
Aa #FACFCF на #BD84A5 2,12:1 Не проходить
Aa #9A7AA1 на #FAB47E 2,10:1 Не проходить
Aa #9A7AA1 на #4D5363 2,08:1 Не проходить
Aa #F2ADC9 на #9A7AA1 2,04:1 Не проходить
Aa #FACFCF на #9D90DA 2,00:1 Не проходить
Aa #C795C1 на #FFE58F 1,98:1 Не проходить
Aa #9A7AA1 на #BCB7F4 1,98:1 Не проходить
Aa #6F6682 на #9D90DA 1,91:1 Не проходить
Aa #FFE58F на #EE9292 1,84:1 Не проходить
Aa #6F6682 на #BD84A5 1,80:1 Не проходить
Aa #FACFCF на #C795C1 1,75:1 Не проходить
Aa #FAB47E на #BD84A5 1,70:1 Не проходить
Aa #F2ADC9 на #BD84A5 1,65:1 Не проходить
Aa #FACFCF на #EE9292 1,63:1 Не проходить
Aa #9A7AA1 на #EE9292 1,62:1 Не проходить
Aa #FAB47E на #9D90DA 1,60:1 Не проходить
Aa #BD84A5 на #BCB7F4 1,60:1 Не проходить
Aa #F2ADC9 на #9D90DA 1,56:1 Не проходить
Aa #BCB7F4 на #9D90DA 1,51:1 Не проходить
Aa #C795C1 на #9A7AA1 1,50:1 Не проходить
Aa #FFE58F на #BCB7F4 1,50:1 Не проходить
Aa #F2ADC9 на #FFE58F 1,45:1 Не проходить
Aa #9A7AA1 на #6F6682 1,45:1 Не проходить
Aa #6F6682 на #4D5363 1,43:1 Не проходить
Aa #FFE58F на #FAB47E 1,42:1 Не проходить
Aa #C795C1 на #FAB47E 1,40:1 Не проходить
Aa #F2ADC9 на #C795C1 1,36:1 Не проходить
Aa #FACFCF на #BCB7F4 1,33:1 Не проходить
Aa #C795C1 на #BCB7F4 1,32:1 Не проходить
Aa #9A7AA1 на #9D90DA 1,31:1 Не проходить
Aa #EE9292 на #BD84A5 1,31:1 Не проходить
Aa #FAB47E на #EE9292 1,30:1 Не проходить
Aa #FACFCF на #F2ADC9 1,28:1 Не проходить
Aa #F2ADC9 на #EE9292 1,27:1 Не проходить
Aa #FACFCF на #FAB47E 1,25:1 Не проходить
Aa #9A7AA1 на #BD84A5 1,24:1 Не проходить
Aa #EE9292 на #9D90DA 1,23:1 Не проходить
Aa #EE9292 на #BCB7F4 1,22:1 Не проходить
Aa #C795C1 на #BD84A5 1,21:1 Не проходить
Aa #C795C1 на #9D90DA 1,14:1 Не проходить
Aa #FACFCF на #FFE58F 1,13:1 Не проходить
Aa #C795C1 на #EE9292 1,08:1 Не проходить
Aa #FAB47E на #BCB7F4 1,06:1 Не проходить
Aa #BD84A5 на #9D90DA 1,06:1 Не проходить
Aa #F2ADC9 на #FAB47E 1,03:1 Не проходить
Aa #F2ADC9 на #BCB7F4 1,03: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 кольори