Реєстрація Реєстрація
CJP 11DDL

CJP 11DDL

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

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

CJP 11DDL

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

Редагувати
Землисті 11 кольорів Теплі Змішані Монохромна brown
Вподобання 8
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #6B3916;
  --c-earthy-2: #804725;
  --c-earthy-3: #8C6034;
  --c-earthy-4: #9D6F41;
  --c-earthy-5: #B88D61;
  --c-earthy-6: #CEA780;
  --c-earthy-7: #ECD5BD;
  --c-earthy-8: #EDE4BE;
  --c-earthy-9: #FEFAE6;
  --c-earthy-10: #FFC76C;
  --c-earthy-11: #9ED0E9;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Lead Glass (#FEFAE6), найсвітлішого тону, до Rosewood Brown (#6B3916), найтемнішого. Вона об'єднує Rosewood Brown, Mummy Brown, Quiver, Desert Clay, Mission Gold, Totally Tan, Speckled Eggs, Arctic Daisy, Lead Glass, Chanterelle та Sonic Sky в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 10 з них, найконтрастніша — #6B3916 на #FEFAE6 (9,01:1).

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

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

Rosewood Brown #6B3916
RGB
rgb(107, 57, 22)
HSL
hsl(25, 66%, 25%)
Яскравість
0,061
Mummy Brown #804725
RGB
rgb(128, 71, 37)
HSL
hsl(22, 55%, 32%)
Яскравість
0,092
Quiver #8C6034
RGB
rgb(140, 96, 52)
HSL
hsl(30, 46%, 38%)
Яскравість
0,142
Desert Clay #9D6F41
RGB
rgb(157, 111, 65)
HSL
hsl(30, 41%, 44%)
Яскравість
0,189
Mission Gold #B88D61
RGB
rgb(184, 141, 97)
HSL
hsl(30, 38%, 55%)
Яскравість
0,301
Totally Tan #CEA780
RGB
rgb(206, 167, 128)
HSL
hsl(30, 44%, 65%)
Яскравість
0,423
Speckled Eggs #ECD5BD
RGB
rgb(236, 213, 189)
HSL
hsl(31, 55%, 83%)
Яскравість
0,691
Arctic Daisy #EDE4BE
RGB
rgb(237, 228, 190)
HSL
hsl(49, 57%, 84%)
Яскравість
0,772
Lead Glass #FEFAE6
RGB
rgb(254, 250, 230)
HSL
hsl(50, 92%, 95%)
Яскравість
0,952
Chanterelle #FFC76C
RGB
rgb(255, 199, 108)
HSL
hsl(37, 100%, 71%)
Яскравість
0,632
Sonic Sky #9ED0E9
RGB
rgb(158, 208, 233)
HSL
hsl(200, 63%, 77%)
Яскравість
0,583

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

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

Aa #6B3916 на #FEFAE6 9,01:1 AAA
Aa #6B3916 на #EDE4BE 7,40:1 AAA
Aa #804725 на #FEFAE6 7,04:1 AAA
Aa #6B3916 на #ECD5BD 6,67:1 AA
Aa #6B3916 на #FFC76C 6,14:1 AA
Aa #804725 на #EDE4BE 5,78:1 AA
Aa #6B3916 на #9ED0E9 5,69:1 AA
Aa #8C6034 на #FEFAE6 5,22:1 AA
Aa #804725 на #ECD5BD 5,21:1 AA
Aa #804725 на #FFC76C 4,79:1 AA
Aa #804725 на #9ED0E9 4,45:1 AA, великий текст
Aa #8C6034 на #EDE4BE 4,28:1 AA, великий текст
Aa #6B3916 на #CEA780 4,26:1 AA, великий текст
Aa #9D6F41 на #FEFAE6 4,19:1 AA, великий текст
Aa #8C6034 на #ECD5BD 3,86:1 AA, великий текст
Aa #8C6034 на #FFC76C 3,55:1 AA, великий текст
Aa #9D6F41 на #EDE4BE 3,44:1 AA, великий текст
Aa #804725 на #CEA780 3,33:1 AA, великий текст
Aa #8C6034 на #9ED0E9 3,30:1 AA, великий текст
Aa #6B3916 на #B88D61 3,16:1 AA, великий текст
Aa #9D6F41 на #ECD5BD 3,10:1 AA, великий текст
Aa #9D6F41 на #FFC76C 2,85:1 Не проходить
Aa #B88D61 на #FEFAE6 2,85:1 Не проходить
Aa #9D6F41 на #9ED0E9 2,64:1 Не проходить
Aa #804725 на #B88D61 2,47:1 Не проходить
Aa #8C6034 на #CEA780 2,47:1 Не проходить
Aa #B88D61 на #EDE4BE 2,34:1 Не проходить
Aa #6B3916 на #9D6F41 2,15:1 Не проходить
Aa #CEA780 на #FEFAE6 2,12:1 Не проходить
Aa #B88D61 на #ECD5BD 2,11:1 Не проходить
Aa #9D6F41 на #CEA780 1,98:1 Не проходить
Aa #B88D61 на #FFC76C 1,94:1 Не проходить
Aa #8C6034 на #B88D61 1,83:1 Не проходить
Aa #B88D61 на #9ED0E9 1,80:1 Не проходить
Aa #CEA780 на #EDE4BE 1,74:1 Не проходить
Aa #6B3916 на #8C6034 1,73:1 Не проходить
Aa #804725 на #9D6F41 1,68:1 Не проходить
Aa #FEFAE6 на #9ED0E9 1,58:1 Не проходить
Aa #CEA780 на #ECD5BD 1,57:1 Не проходить
Aa #9D6F41 на #B88D61 1,47:1 Не проходить
Aa #FEFAE6 на #FFC76C 1,47:1 Не проходить
Aa #CEA780 на #FFC76C 1,44:1 Не проходить
Aa #804725 на #8C6034 1,35:1 Не проходить
Aa #B88D61 на #CEA780 1,35:1 Не проходить
Aa #ECD5BD на #FEFAE6 1,35:1 Не проходить
Aa #CEA780 на #9ED0E9 1,34:1 Не проходить
Aa #EDE4BE на #9ED0E9 1,30:1 Не проходить
Aa #6B3916 на #804725 1,28:1 Не проходить
Aa #8C6034 на #9D6F41 1,25:1 Не проходить
Aa #EDE4BE на #FEFAE6 1,22:1 Не проходить
Aa #EDE4BE на #FFC76C 1,21:1 Не проходить
Aa #ECD5BD на #9ED0E9 1,17:1 Не проходить
Aa #ECD5BD на #EDE4BE 1,11:1 Не проходить
Aa #ECD5BD на #FFC76C 1,09:1 Не проходить
Aa #FFC76C на #9ED0E9 1,08: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 кольори