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

Spec12

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

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

Spec12

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

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

CSS-змінні

:root {
  --c-earthy-1: #0F0808;
  --c-earthy-2: #918C89;
  --c-earthy-3: #D6D9D0;
  --c-earthy-4: #D9D15D;
  --c-earthy-5: #DB6E3B;
  --c-earthy-6: #A82D2D;
  --c-earthy-7: #781C26;
  --c-earthy-8: #8ED959;
  --c-earthy-9: #32BA3B;
  --c-earthy-10: #2F63BD;
  --c-earthy-11: #30188F;
  --c-earthy-12: #D9BE93;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Blizzard Fog (#D6D9D0), найсвітлішого тону, до Chyornyi Black (#0F0808), найтемнішого. Вона об'єднує Chyornyi Black, Mourning Dove, Blizzard Fog, Matcha, Field Poppy, Très Bien, Jazzy Red, Lilliputian Lime, Try Your Luck, Blue Streak, Indiglow та Del Sol Maize в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 17 з них, найконтрастніша — #0F0808 на #D6D9D0 (13,88:1).

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

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

Chyornyi Black #0F0808
RGB
rgb(15, 8, 8)
HSL
hsl(0, 30%, 5%)
Яскравість
0,003
Mourning Dove #918C89
RGB
rgb(145, 140, 137)
HSL
hsl(23, 4%, 55%)
Яскравість
0,266
Blizzard Fog #D6D9D0
RGB
rgb(214, 217, 208)
HSL
hsl(80, 11%, 83%)
Яскравість
0,685
Matcha #D9D15D
RGB
rgb(217, 209, 93)
HSL
hsl(56, 62%, 61%)
Яскравість
0,611
Field Poppy #DB6E3B
RGB
rgb(219, 110, 59)
HSL
hsl(19, 69%, 55%)
Яскравість
0,265
Très Bien #A82D2D
RGB
rgb(168, 45, 45)
HSL
hsl(0, 58%, 42%)
Яскравість
0,104
Jazzy Red #781C26
RGB
rgb(120, 28, 38)
HSL
hsl(353, 62%, 29%)
Яскравість
0,050
Lilliputian Lime #8ED959
RGB
rgb(142, 217, 89)
HSL
hsl(95, 63%, 60%)
Яскравість
0,561
Try Your Luck #32BA3B
RGB
rgb(50, 186, 59)
HSL
hsl(124, 58%, 46%)
Яскравість
0,361
Blue Streak #2F63BD
RGB
rgb(47, 99, 189)
HSL
hsl(218, 60%, 46%)
Яскравість
0,132
Indiglow #30188F
RGB
rgb(48, 24, 143)
HSL
hsl(252, 71%, 33%)
Яскравість
0,033
Del Sol Maize #D9BE93
RGB
rgb(217, 190, 147)
HSL
hsl(37, 48%, 71%)
Яскравість
0,537

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

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

Aa #0F0808 на #D6D9D0 13,88:1 AAA
Aa #0F0808 на #D9D15D 12,50:1 AAA
Aa #0F0808 на #8ED959 11,54:1 AAA
Aa #0F0808 на #D9BE93 11,09:1 AAA
Aa #D6D9D0 на #30188F 8,89:1 AAA
Aa #D9D15D на #30188F 8,00:1 AAA
Aa #0F0808 на #32BA3B 7,77:1 AAA
Aa #8ED959 на #30188F 7,39:1 AAA
Aa #D6D9D0 на #781C26 7,37:1 AAA
Aa #30188F на #D9BE93 7,10:1 AAA
Aa #D9D15D на #781C26 6,64:1 AA
Aa #781C26 на #8ED959 6,13:1 AA
Aa #0F0808 на #918C89 5,97:1 AA
Aa #0F0808 на #DB6E3B 5,96:1 AA
Aa #781C26 на #D9BE93 5,89:1 AA
Aa #32BA3B на #30188F 4,97:1 AA
Aa #D6D9D0 на #A82D2D 4,77:1 AA
Aa #D9D15D на #A82D2D 4,30:1 AA, великий текст
Aa #781C26 на #32BA3B 4,13:1 AA, великий текст
Aa #D6D9D0 на #2F63BD 4,04:1 AA, великий текст
Aa #A82D2D на #8ED959 3,97:1 AA, великий текст
Aa #918C89 на #30188F 3,82:1 AA, великий текст
Aa #DB6E3B на #30188F 3,81:1 AA, великий текст
Aa #A82D2D на #D9BE93 3,81:1 AA, великий текст
Aa #D9D15D на #2F63BD 3,63:1 AA, великий текст
Aa #0F0808 на #2F63BD 3,44:1 AA, великий текст
Aa #8ED959 на #2F63BD 3,36:1 AA, великий текст
Aa #2F63BD на #D9BE93 3,22:1 AA, великий текст
Aa #918C89 на #781C26 3,17:1 AA, великий текст
Aa #DB6E3B на #781C26 3,16:1 AA, великий текст
Aa #0F0808 на #A82D2D 2,91:1 Не проходить
Aa #A82D2D на #32BA3B 2,67:1 Не проходить
Aa #918C89 на #D6D9D0 2,33:1 Не проходить
Aa #D6D9D0 на #DB6E3B 2,33:1 Не проходить
Aa #32BA3B на #2F63BD 2,26:1 Не проходить
Aa #2F63BD на #30188F 2,20:1 Не проходить
Aa #D9D15D на #DB6E3B 2,10:1 Не проходить
Aa #918C89 на #D9D15D 2,09:1 Не проходить
Aa #918C89 на #A82D2D 2,05:1 Не проходить
Aa #DB6E3B на #A82D2D 2,05:1 Не проходить
Aa #DB6E3B на #8ED959 1,94:1 Не проходить
Aa #918C89 на #8ED959 1,93:1 Не проходить
Aa #0F0808 на #781C26 1,88:1 Не проходить
Aa #918C89 на #D9BE93 1,86:1 Не проходить
Aa #DB6E3B на #D9BE93 1,86:1 Не проходить
Aa #A82D2D на #30188F 1,86:1 Не проходить
Aa #781C26 на #2F63BD 1,83:1 Не проходить
Aa #D6D9D0 на #32BA3B 1,79:1 Не проходить
Aa #918C89 на #2F63BD 1,74:1 Не проходить
Aa #DB6E3B на #2F63BD 1,73:1 Не проходить
Aa #D9D15D на #32BA3B 1,61:1 Не проходить
Aa #0F0808 на #30188F 1,56:1 Не проходить
Aa #A82D2D на #781C26 1,54:1 Не проходить
Aa #8ED959 на #32BA3B 1,49:1 Не проходить
Aa #32BA3B на #D9BE93 1,43:1 Не проходить
Aa #918C89 на #32BA3B 1,30:1 Не проходить
Aa #DB6E3B на #32BA3B 1,30:1 Не проходить
Aa #D6D9D0 на #D9BE93 1,25:1 Не проходить
Aa #781C26 на #30188F 1,21:1 Не проходить
Aa #D6D9D0 на #8ED959 1,20:1 Не проходить
Aa #A82D2D на #2F63BD 1,18:1 Не проходить
Aa #D9D15D на #D9BE93 1,13:1 Не проходить
Aa #D6D9D0 на #D9D15D 1,11:1 Не проходить
Aa #D9D15D на #8ED959 1,08:1 Не проходить
Aa #8ED959 на #D9BE93 1,04:1 Не проходить
Aa #918C89 на #DB6E3B 1,00: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 кольори