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

EggDealer6

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

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

EggDealer6

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

Редагувати
Землисті 6 кольорів Теплі Змішані Аналогова night 6colors desaturated egg
Вподобання 263
Кольори 6

CSS-змінні

:root {
  --c-earthy-1: #47323B;
  --c-earthy-2: #5C4657;
  --c-earthy-3: #735A55;
  --c-earthy-4: #B0764F;
  --c-earthy-5: #BAAC81;
  --c-earthy-6: #E9D79D;
}

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

Ця землиста палітра з 6 кольорів охоплює діапазон від Leaf Yellow (#E9D79D), найсвітлішого тону, до Rapt (#47323B), найтемнішого. Вона об'єднує Rapt, Strike a Pose, Taupe Night, Baked Bean, Inner Cervela та Leaf Yellow в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 15. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #47323B на #E9D79D (8,21:1).

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

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

Rapt #47323B
RGB
rgb(71, 50, 59)
HSL
hsl(334, 17%, 24%)
Яскравість
0,039
Strike a Pose #5C4657
RGB
rgb(92, 70, 87)
HSL
hsl(314, 14%, 32%)
Яскравість
0,073
Taupe Night #735A55
RGB
rgb(115, 90, 85)
HSL
hsl(10, 15%, 39%)
Яскравість
0,116
Baked Bean #B0764F
RGB
rgb(176, 118, 79)
HSL
hsl(24, 38%, 50%)
Яскравість
0,228
Inner Cervela #BAAC81
RGB
rgb(186, 172, 129)
HSL
hsl(45, 29%, 62%)
Яскравість
0,415
Leaf Yellow #E9D79D
RGB
rgb(233, 215, 157)
HSL
hsl(46, 63%, 76%)
Яскравість
0,684

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

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

Aa #47323B на #E9D79D 8,21:1 AAA
Aa #5C4657 на #E9D79D 5,94:1 AA
Aa #47323B на #BAAC81 5,21:1 AA
Aa #735A55 на #E9D79D 4,42:1 AA, великий текст
Aa #5C4657 на #BAAC81 3,77:1 AA, великий текст
Aa #47323B на #B0764F 3,11:1 AA, великий текст
Aa #735A55 на #BAAC81 2,80:1 Не проходить
Aa #B0764F на #E9D79D 2,64:1 Не проходить
Aa #5C4657 на #B0764F 2,25:1 Не проходить
Aa #47323B на #735A55 1,86:1 Не проходить
Aa #B0764F на #BAAC81 1,68:1 Не проходить
Aa #735A55 на #B0764F 1,67:1 Не проходить
Aa #BAAC81 на #E9D79D 1,58:1 Не проходить
Aa #47323B на #5C4657 1,38:1 Не проходить
Aa #5C4657 на #735A55 1,35: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 кольори