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

Molten

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

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

Molten

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

Редагувати
Землисті 6 кольорів Теплі Темні Тріадна monoramp lava red warm
Вподобання 220
Кольори 6

CSS-змінні

:root {
  --c-earthy-1: #201727;
  --c-earthy-2: #261B2E;
  --c-earthy-3: #382D43;
  --c-earthy-4: #5F2F45;
  --c-earthy-5: #A02F40;
  --c-earthy-6: #FD724E;
}

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

Ця землиста палітра з 6 кольорів охоплює діапазон від Often Orange (#FD724E), найсвітлішого тону, до Coarse Wool (#201727), найтемнішого. Вона об'єднує Coarse Wool, Black Howl, Obsidian Lava Black, Vistoris Lake, Radish та Often Orange в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 15. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #201727 на #FD724E (6,34:1).

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

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

Coarse Wool #201727
RGB
rgb(32, 23, 39)
HSL
hsl(274, 26%, 12%)
Яскравість
0,011
Black Howl #261B2E
RGB
rgb(38, 27, 46)
HSL
hsl(275, 26%, 14%)
Яскравість
0,014
Obsidian Lava Black #382D43
RGB
rgb(56, 45, 67)
HSL
hsl(270, 20%, 22%)
Яскравість
0,031
Vistoris Lake #5F2F45
RGB
rgb(95, 47, 69)
HSL
hsl(333, 34%, 28%)
Яскравість
0,049
Radish #A02F40
RGB
rgb(160, 47, 64)
HSL
hsl(351, 55%, 41%)
Яскравість
0,099
Often Orange #FD724E
RGB
rgb(253, 114, 78)
HSL
hsl(12, 98%, 65%)
Яскравість
0,335

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

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

Aa #201727 на #FD724E 6,34:1 AA
Aa #261B2E на #FD724E 6,02:1 AA
Aa #382D43 на #FD724E 4,74:1 AA
Aa #5F2F45 на #FD724E 3,89:1 AA, великий текст
Aa #A02F40 на #FD724E 2,59:1 Не проходить
Aa #201727 на #A02F40 2,45:1 Не проходить
Aa #261B2E на #A02F40 2,33:1 Не проходить
Aa #382D43 на #A02F40 1,83:1 Не проходить
Aa #201727 на #5F2F45 1,63:1 Не проходить
Aa #261B2E на #5F2F45 1,55:1 Не проходить
Aa #5F2F45 на #A02F40 1,50:1 Не проходить
Aa #201727 на #382D43 1,34:1 Не проходить
Aa #261B2E на #382D43 1,27:1 Не проходить
Aa #382D43 на #5F2F45 1,22:1 Не проходить
Aa #201727 на #261B2E 1,05: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 кольори