Реєстрація Реєстрація
Red Ish DB LY Desert Like Pallet

Red Ish DB LY Desert Like Pallet

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

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

Red Ish DB LY Desert Like Pallet

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

Редагувати
Землисті 9 кольорів Теплі Змішані Комплементарна red desert dbly
Вподобання 32
Кольори 9

CSS-змінні

:root {
  --c-earthy-1: #FBFECF;
  --c-earthy-2: #DDB687;
  --c-earthy-3: #C37648;
  --c-earthy-4: #222034;
  --c-earthy-5: #33161D;
  --c-earthy-6: #45283C;
  --c-earthy-7: #66313D;
  --c-earthy-8: #AC3232;
  --c-earthy-9: #17090D;
}

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

Ця землиста палітра з 9 кольорів охоплює діапазон від Morrow White (#FBFECF), найсвітлішого тону, до Noir Fiction (#17090D), найтемнішого. Вона об'єднує Morrow White, Burlywood, Marmalade Glaze, Black Velvet, Black Cherry, Profound Mauve, Power Tie, Raging Raisin та Noir Fiction в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #FBFECF на #17090D (18,66:1).

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

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

Morrow White #FBFECF
RGB
rgb(251, 254, 207)
HSL
hsl(64, 96%, 90%)
Яскравість
0,959
Burlywood #DDB687
RGB
rgb(221, 182, 135)
HSL
hsl(33, 56%, 70%)
Яскравість
0,506
Marmalade Glaze #C37648
RGB
rgb(195, 118, 72)
HSL
hsl(22, 51%, 52%)
Яскравість
0,250
Black Velvet #222034
RGB
rgb(34, 32, 52)
HSL
hsl(246, 24%, 16%)
Яскравість
0,016
Black Cherry #33161D
RGB
rgb(51, 22, 29)
HSL
hsl(346, 40%, 14%)
Яскравість
0,014
Profound Mauve #45283C
RGB
rgb(69, 40, 60)
HSL
hsl(319, 27%, 21%)
Яскравість
0,031
Power Tie #66313D
RGB
rgb(102, 49, 61)
HSL
hsl(346, 35%, 30%)
Яскравість
0,054
Raging Raisin #AC3232
RGB
rgb(172, 50, 50)
HSL
hsl(0, 55%, 44%)
Яскравість
0,113
Noir Fiction #17090D
RGB
rgb(23, 9, 13)
HSL
hsl(343, 44%, 6%)
Яскравість
0,004

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

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

Aa #FBFECF на #17090D 18,66:1 AAA
Aa #FBFECF на #33161D 15,85:1 AAA
Aa #FBFECF на #222034 15,24:1 AAA
Aa #FBFECF на #45283C 12,44:1 AAA
Aa #DDB687 на #17090D 10,28:1 AAA
Aa #FBFECF на #66313D 9,74:1 AAA
Aa #DDB687 на #33161D 8,73:1 AAA
Aa #DDB687 на #222034 8,39:1 AAA
Aa #DDB687 на #45283C 6,85:1 AA
Aa #FBFECF на #AC3232 6,20:1 AA
Aa #C37648 на #17090D 5,55:1 AA
Aa #DDB687 на #66313D 5,37:1 AA
Aa #C37648 на #33161D 4,72:1 AA
Aa #C37648 на #222034 4,54:1 AA
Aa #C37648 на #45283C 3,70:1 AA, великий текст
Aa #DDB687 на #AC3232 3,41:1 AA, великий текст
Aa #FBFECF на #C37648 3,36:1 AA, великий текст
Aa #AC3232 на #17090D 3,01:1 AA, великий текст
Aa #C37648 на #66313D 2,90:1 Не проходить
Aa #33161D на #AC3232 2,56:1 Не проходить
Aa #222034 на #AC3232 2,46:1 Не проходить
Aa #45283C на #AC3232 2,01:1 Не проходить
Aa #66313D на #17090D 1,92:1 Не проходить
Aa #DDB687 на #C37648 1,85:1 Не проходить
Aa #C37648 на #AC3232 1,84:1 Не проходить
Aa #FBFECF на #DDB687 1,82:1 Не проходить
Aa #33161D на #66313D 1,63:1 Не проходить
Aa #66313D на #AC3232 1,57:1 Не проходить
Aa #222034 на #66313D 1,56:1 Не проходить
Aa #45283C на #17090D 1,50:1 Не проходить
Aa #45283C на #66313D 1,28:1 Не проходить
Aa #33161D на #45283C 1,27:1 Не проходить
Aa #222034 на #45283C 1,22:1 Не проходить
Aa #222034 на #17090D 1,22:1 Не проходить
Aa #33161D на #17090D 1,18:1 Не проходить
Aa #222034 на #33161D 1,04: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 кольори