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

120385

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

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

120385

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

Редагувати
Землисті 9 кольорів Теплі Змішані Комплементарна
Вподобання 23
Кольори 9

CSS-змінні

:root {
  --c-earthy-1: #E49A80;
  --c-earthy-2: #E4B884;
  --c-earthy-3: #E4D488;
  --c-earthy-4: #B4B884;
  --c-earthy-5: #849A78;
  --c-earthy-6: #5C7C68;
  --c-earthy-7: #849AAC;
  --c-earthy-8: #4C547A;
  --c-earthy-9: #8E8897;
}

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

Ця землиста палітра з 9 кольорів охоплює діапазон від Artichoke Heart (#E4D488), найсвітлішого тону, до Deep Indigo (#4C547A), найтемнішого. Вона об'єднує Sockeye, Cane Sugar, Artichoke Heart, Fancy Flirt, Backyard, Stone Cypress Green, Beach Umbrella, Deep Indigo та Purple Ragwort в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #E4D488 на #4C547A (4,93:1).

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

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

Sockeye #E49A80
RGB
rgb(228, 154, 128)
HSL
hsl(16, 65%, 70%)
Яскравість
0,412
Cane Sugar #E4B884
RGB
rgb(228, 184, 132)
HSL
hsl(33, 64%, 71%)
Яскравість
0,524
Artichoke Heart #E4D488
RGB
rgb(228, 212, 136)
HSL
hsl(50, 63%, 71%)
Яскравість
0,654
Fancy Flirt #B4B884
RGB
rgb(180, 184, 132)
HSL
hsl(65, 27%, 62%)
Яскравість
0,457
Backyard #849A78
RGB
rgb(132, 154, 120)
HSL
hsl(99, 14%, 54%)
Яскравість
0,294
Stone Cypress Green #5C7C68
RGB
rgb(92, 124, 104)
HSL
hsl(143, 15%, 42%)
Яскравість
0,177
Beach Umbrella #849AAC
RGB
rgb(132, 154, 172)
HSL
hsl(207, 19%, 60%)
Яскравість
0,310
Deep Indigo #4C547A
RGB
rgb(76, 84, 122)
HSL
hsl(230, 23%, 39%)
Яскравість
0,093
Purple Ragwort #8E8897
RGB
rgb(142, 136, 151)
HSL
hsl(264, 7%, 56%)
Яскравість
0,256

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

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

Aa #E4D488 на #4C547A 4,93:1 AA
Aa #E4B884 на #4C547A 4,02:1 AA, великий текст
Aa #B4B884 на #4C547A 3,55:1 AA, великий текст
Aa #E49A80 на #4C547A 3,23:1 AA, великий текст
Aa #E4D488 на #5C7C68 3,10:1 AA, великий текст
Aa #E4B884 на #5C7C68 2,53:1 Не проходить
Aa #849AAC на #4C547A 2,52:1 Не проходить
Aa #849A78 на #4C547A 2,41:1 Не проходить
Aa #E4D488 на #8E8897 2,30:1 Не проходить
Aa #B4B884 на #5C7C68 2,23:1 Не проходить
Aa #4C547A на #8E8897 2,14:1 Не проходить
Aa #E4D488 на #849A78 2,05:1 Не проходить
Aa #E49A80 на #5C7C68 2,03:1 Не проходить
Aa #E4D488 на #849AAC 1,95:1 Не проходить
Aa #E4B884 на #8E8897 1,88:1 Не проходить
Aa #E4B884 на #849A78 1,67:1 Не проходить
Aa #B4B884 на #8E8897 1,66:1 Не проходить
Aa #E4B884 на #849AAC 1,60:1 Не проходить
Aa #5C7C68 на #849AAC 1,59:1 Не проходить
Aa #5C7C68 на #4C547A 1,59:1 Не проходить
Aa #E49A80 на #E4D488 1,52:1 Не проходить
Aa #E49A80 на #8E8897 1,51:1 Не проходить
Aa #849A78 на #5C7C68 1,51:1 Не проходить
Aa #B4B884 на #849A78 1,47:1 Не проходить
Aa #B4B884 на #849AAC 1,41:1 Не проходить
Aa #E4D488 на #B4B884 1,39:1 Не проходить
Aa #5C7C68 на #8E8897 1,35:1 Не проходить
Aa #E49A80 на #849A78 1,34:1 Не проходить
Aa #E49A80 на #849AAC 1,28:1 Не проходить
Aa #E49A80 на #E4B884 1,24:1 Не проходить
Aa #E4B884 на #E4D488 1,22:1 Не проходить
Aa #849AAC на #8E8897 1,18:1 Не проходить
Aa #E4B884 на #B4B884 1,13:1 Не проходить
Aa #849A78 на #8E8897 1,12:1 Не проходить
Aa #E49A80 на #B4B884 1,10:1 Не проходить
Aa #849A78 на #849AAC 1,05:1 Не проходить

Схожі палітри

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори