Реєстрація Реєстрація
Origami Clouds

Origami Clouds

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

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

Origami Clouds

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

Редагувати
Землисті 5 кольорів Теплі Світлі Комплементарна green pink blue clouds
Вподобання 215
Кольори 5

CSS-змінні

:root {
  --c-earthy-1: #DEE3E2;
  --c-earthy-2: #FCCBCB;
  --c-earthy-3: #78B3D6;
  --c-earthy-4: #D86969;
  --c-earthy-5: #4F7969;
}

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

Ця землиста палітра з 5 кольорів охоплює діапазон від Zircon (#DEE3E2), найсвітлішого тону, до Double Jeopardy (#4F7969), найтемнішого. Вона об'єднує Zircon, Elegant Light Rose, Meadow Blossom Blue, Red Geranium та Double Jeopardy в один набір, який можна одразу перенести в інтерфейс. Жодна з 10 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Zircon #DEE3E2
RGB
rgb(222, 227, 226)
HSL
hsl(168, 8%, 88%)
Яскравість
0,760
Elegant Light Rose #FCCBCB
RGB
rgb(252, 203, 203)
HSL
hsl(0, 89%, 89%)
Яскравість
0,677
Meadow Blossom Blue #78B3D6
RGB
rgb(120, 179, 214)
HSL
hsl(202, 53%, 65%)
Яскравість
0,411
Red Geranium #D86969
RGB
rgb(216, 105, 105)
HSL
hsl(0, 59%, 63%)
Яскравість
0,257
Double Jeopardy #4F7969
RGB
rgb(79, 121, 105)
HSL
hsl(157, 21%, 39%)
Яскравість
0,164

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

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

Aa #DEE3E2 на #4F7969 3,79:1 AA, великий текст
Aa #FCCBCB на #4F7969 3,40:1 AA, великий текст
Aa #DEE3E2 на #D86969 2,64:1 Не проходить
Aa #FCCBCB на #D86969 2,37:1 Не проходить
Aa #78B3D6 на #4F7969 2,16:1 Не проходить
Aa #DEE3E2 на #78B3D6 1,76:1 Не проходить
Aa #FCCBCB на #78B3D6 1,58:1 Не проходить
Aa #78B3D6 на #D86969 1,50:1 Не проходить
Aa #D86969 на #4F7969 1,44:1 Не проходить
Aa #DEE3E2 на #FCCBCB 1,11: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 кольори