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

Mudstone

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

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

Mudstone

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

Редагувати
Землисті 8 кольорів Теплі Темні Комплементарна polyphrog natural earth
Вподобання 48
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #1B1611;
  --c-earthy-2: #1F253C;
  --c-earthy-3: #423C32;
  --c-earthy-4: #465D32;
  --c-earthy-5: #6E3F24;
  --c-earthy-6: #6B624E;
  --c-earthy-7: #90752E;
  --c-earthy-8: #CDA465;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Workbench (#CDA465), найсвітлішого тону, до Nightshade Berries (#1B1611), найтемнішого. Вона об'єднує Nightshade Berries, Midnight Express, Blackish Brown, Woodman, Davao Durian, Classic Bronze, Marshy Green та Workbench в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #1B1611 на #CDA465 (7,78:1).

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

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

Nightshade Berries #1B1611
RGB
rgb(27, 22, 17)
HSL
hsl(30, 23%, 9%)
Яскравість
0,009
Midnight Express #1F253C
RGB
rgb(31, 37, 60)
HSL
hsl(228, 32%, 18%)
Яскравість
0,019
Blackish Brown #423C32
RGB
rgb(66, 60, 50)
HSL
hsl(38, 14%, 23%)
Яскравість
0,046
Woodman #465D32
RGB
rgb(70, 93, 50)
HSL
hsl(92, 30%, 28%)
Яскравість
0,094
Davao Durian #6E3F24
RGB
rgb(110, 63, 36)
HSL
hsl(22, 51%, 29%)
Яскравість
0,070
Classic Bronze #6B624E
RGB
rgb(107, 98, 78)
HSL
hsl(41, 16%, 36%)
Яскравість
0,124
Marshy Green #90752E
RGB
rgb(144, 117, 46)
HSL
hsl(43, 52%, 37%)
Яскравість
0,189
Workbench #CDA465
RGB
rgb(205, 164, 101)
HSL
hsl(36, 51%, 60%)
Яскравість
0,405

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

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

Aa #1B1611 на #CDA465 7,78:1 AAA
Aa #1F253C на #CDA465 6,55:1 AA
Aa #423C32 на #CDA465 4,73:1 AA
Aa #1B1611 на #90752E 4,08:1 AA, великий текст
Aa #6E3F24 на #CDA465 3,79:1 AA, великий текст
Aa #1F253C на #90752E 3,44:1 AA, великий текст
Aa #465D32 на #CDA465 3,17:1 AA, великий текст
Aa #1B1611 на #6B624E 2,98:1 Не проходить
Aa #6B624E на #CDA465 2,61:1 Не проходить
Aa #1F253C на #6B624E 2,51:1 Не проходить
Aa #423C32 на #90752E 2,48:1 Не проходить
Aa #1B1611 на #465D32 2,46:1 Не проходить
Aa #1F253C на #465D32 2,07:1 Не проходить
Aa #1B1611 на #6E3F24 2,05:1 Не проходить
Aa #6E3F24 на #90752E 1,99:1 Не проходить
Aa #90752E на #CDA465 1,91:1 Не проходить
Aa #423C32 на #6B624E 1,81:1 Не проходить
Aa #1F253C на #6E3F24 1,73:1 Не проходить
Aa #465D32 на #90752E 1,66:1 Не проходить
Aa #1B1611 на #423C32 1,65:1 Не проходить
Aa #423C32 на #465D32 1,49:1 Не проходить
Aa #6E3F24 на #6B624E 1,45:1 Не проходить
Aa #1F253C на #423C32 1,39:1 Не проходить
Aa #6B624E на #90752E 1,37:1 Не проходить
Aa #423C32 на #6E3F24 1,25:1 Не проходить
Aa #465D32 на #6B624E 1,21:1 Не проходить
Aa #465D32 на #6E3F24 1,20:1 Не проходить
Aa #1B1611 на #1F253C 1,19: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 кольори