Реєстрація Реєстрація
Dark Autumn

Dark Autumn

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

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

Dark Autumn

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

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

CSS-змінні

:root {
  --c-earthy-1: #26140A;
  --c-earthy-2: #4A2626;
  --c-earthy-3: #5D4447;
  --c-earthy-4: #AF5823;
  --c-earthy-5: #B46F24;
  --c-earthy-6: #808123;
  --c-earthy-7: #627344;
  --c-earthy-8: #747F74;
  --c-earthy-9: #968A70;
}

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

Ця землиста палітра з 9 кольорів охоплює діапазон від Tawny Owl (#968A70), найсвітлішого тону, до Cannon Black (#26140A), найтемнішого. Вона об'єднує Cannon Black, New Bulgarian Rose, Huckleberry, Autumnal, Hardy Clay, Trendy Green, Grass Blade, Harbour Rat та Tawny Owl в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #26140A на #968A70 (5,2:1).

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

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

Cannon Black #26140A
RGB
rgb(38, 20, 10)
HSL
hsl(21, 58%, 9%)
Яскравість
0,009
New Bulgarian Rose #4A2626
RGB
rgb(74, 38, 38)
HSL
hsl(0, 32%, 22%)
Яскравість
0,030
Huckleberry #5D4447
RGB
rgb(93, 68, 71)
HSL
hsl(353, 16%, 32%)
Яскравість
0,069
Autumnal #AF5823
RGB
rgb(175, 88, 35)
HSL
hsl(23, 67%, 41%)
Яскравість
0,162
Hardy Clay #B46F24
RGB
rgb(180, 111, 36)
HSL
hsl(31, 67%, 42%)
Яскравість
0,212
Trendy Green #808123
RGB
rgb(128, 129, 35)
HSL
hsl(61, 57%, 32%)
Яскравість
0,204
Grass Blade #627344
RGB
rgb(98, 115, 68)
HSL
hsl(82, 26%, 36%)
Яскравість
0,153
Harbour Rat #747F74
RGB
rgb(116, 127, 116)
HSL
hsl(120, 5%, 48%)
Яскравість
0,202
Tawny Owl #968A70
RGB
rgb(150, 138, 112)
HSL
hsl(41, 15%, 51%)
Яскравість
0,258

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

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

Aa #26140A на #968A70 5,20:1 AA
Aa #26140A на #B46F24 4,41:1 AA, великий текст
Aa #26140A на #808123 4,28:1 AA, великий текст
Aa #26140A на #747F74 4,24:1 AA, великий текст
Aa #4A2626 на #968A70 3,86:1 AA, великий текст
Aa #26140A на #AF5823 3,57:1 AA, великий текст
Aa #26140A на #627344 3,42:1 AA, великий текст
Aa #4A2626 на #B46F24 3,28:1 AA, великий текст
Aa #4A2626 на #808123 3,18:1 AA, великий текст
Aa #4A2626 на #747F74 3,15:1 AA, великий текст
Aa #4A2626 на #AF5823 2,66:1 Не проходить
Aa #5D4447 на #968A70 2,59:1 Не проходить
Aa #4A2626 на #627344 2,54:1 Не проходить
Aa #5D4447 на #B46F24 2,20:1 Не проходить
Aa #5D4447 на #808123 2,13:1 Не проходить
Aa #5D4447 на #747F74 2,11:1 Не проходить
Aa #26140A на #5D4447 2,01:1 Не проходить
Aa #5D4447 на #AF5823 1,78:1 Не проходить
Aa #5D4447 на #627344 1,70:1 Не проходить
Aa #627344 на #968A70 1,52:1 Не проходить
Aa #4A2626 на #5D4447 1,49:1 Не проходить
Aa #AF5823 на #968A70 1,45:1 Не проходить
Aa #26140A на #4A2626 1,35:1 Не проходить
Aa #B46F24 на #627344 1,29:1 Не проходить
Aa #808123 на #627344 1,25:1 Не проходить
Aa #627344 на #747F74 1,24:1 Не проходить
Aa #AF5823 на #B46F24 1,23:1 Не проходить
Aa #747F74 на #968A70 1,23:1 Не проходить
Aa #808123 на #968A70 1,21:1 Не проходить
Aa #AF5823 на #808123 1,20:1 Не проходить
Aa #AF5823 на #747F74 1,19:1 Не проходить
Aa #B46F24 на #968A70 1,18:1 Не проходить
Aa #AF5823 на #627344 1,05:1 Не проходить
Aa #B46F24 на #747F74 1,04:1 Не проходить
Aa #B46F24 на #808123 1,03:1 Не проходить
Aa #808123 на #747F74 1,01:1 Не проходить

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

#000000 #3D0000 #950101 #FF0000
4 кольори
#E23E57 #88304E #522546 #311D3F
4 кольори
#FF204E #A0153E #5D0E41 #00224D
4 кольори
#030637 #3C0753 #720455 #910A67
4 кольори
#1C0A00 #361500 #603601 #CC9544
4 кольори
#252525 #FF0000 #AF0404 #414141
4 кольори
#362222 #171010 #423F3E #2B2B2B
4 кольори
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 кольори