Реєстрація Реєстрація
Side Forest

Side Forest

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

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

Side Forest

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

Редагувати
Землисті 12 кольорів Теплі Змішані Комплементарна forest 12vember 3digithex 3hex
Вподобання 94
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #221122;
  --c-earthy-2: #332233;
  --c-earthy-3: #334444;
  --c-earthy-4: #336644;
  --c-earthy-5: #668855;
  --c-earthy-6: #99AA55;
  --c-earthy-7: #CCAA88;
  --c-earthy-8: #DDCCBB;
  --c-earthy-9: #889999;
  --c-earthy-10: #776688;
  --c-earthy-11: #663355;
  --c-earthy-12: #BB7777;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Honey Lime Chicken (#DDCCBB), найсвітлішого тону, до Inside (#221122), найтемнішого. Вона об'єднує Inside, Zero Gravity, Firefly, Forest Serenade, Tee Off, Springtide Melodies, African Sand, Honey Lime Chicken, Aged Pewter, Amethyst Gem, Blackberry Deep Red та Nipple в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #221122 на #DDCCBB (11,47:1).

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

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

Inside #221122
RGB
rgb(34, 17, 34)
HSL
hsl(300, 33%, 10%)
Яскравість
0,009
Zero Gravity #332233
RGB
rgb(51, 34, 51)
HSL
hsl(300, 20%, 17%)
Яскравість
0,021
Firefly #334444
RGB
rgb(51, 68, 68)
HSL
hsl(180, 14%, 23%)
Яскравість
0,053
Forest Serenade #336644
RGB
rgb(51, 102, 68)
HSL
hsl(140, 33%, 30%)
Яскравість
0,106
Tee Off #668855
RGB
rgb(102, 136, 85)
HSL
hsl(100, 23%, 43%)
Яскравість
0,211
Springtide Melodies #99AA55
RGB
rgb(153, 170, 85)
HSL
hsl(72, 33%, 50%)
Яскравість
0,362
African Sand #CCAA88
RGB
rgb(204, 170, 136)
HSL
hsl(30, 40%, 67%)
Яскравість
0,434
Honey Lime Chicken #DDCCBB
RGB
rgb(221, 204, 187)
HSL
hsl(30, 33%, 80%)
Яскравість
0,622
Aged Pewter #889999
RGB
rgb(136, 153, 153)
HSL
hsl(180, 8%, 57%)
Яскравість
0,303
Amethyst Gem #776688
RGB
rgb(119, 102, 136)
HSL
hsl(270, 14%, 47%)
Яскравість
0,152
Blackberry Deep Red #663355
RGB
rgb(102, 51, 85)
HSL
hsl(320, 33%, 30%)
Яскравість
0,059
Nipple #BB7777
RGB
rgb(187, 119, 119)
HSL
hsl(0, 33%, 60%)
Яскравість
0,251

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

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

Aa #221122 на #DDCCBB 11,47:1 AAA
Aa #332233 на #DDCCBB 9,47:1 AAA
Aa #221122 на #CCAA88 8,26:1 AAA
Aa #221122 на #99AA55 7,03:1 AAA
Aa #332233 на #CCAA88 6,82:1 AA
Aa #334444 на #DDCCBB 6,55:1 AA
Aa #DDCCBB на #663355 6,19:1 AA
Aa #221122 на #889999 6,03:1 AA
Aa #332233 на #99AA55 5,81:1 AA
Aa #221122 на #BB7777 5,14:1 AA
Aa #332233 на #889999 4,98:1 AA
Aa #334444 на #CCAA88 4,72:1 AA
Aa #CCAA88 на #663355 4,46:1 AA, великий текст
Aa #221122 на #668855 4,45:1 AA, великий текст
Aa #336644 на #DDCCBB 4,30:1 AA, великий текст
Aa #332233 на #BB7777 4,25:1 AA, великий текст
Aa #334444 на #99AA55 4,02:1 AA, великий текст
Aa #99AA55 на #663355 3,80:1 AA, великий текст
Aa #332233 на #668855 3,68:1 AA, великий текст
Aa #221122 на #776688 3,45:1 AA, великий текст
Aa #334444 на #889999 3,44:1 AA, великий текст
Aa #DDCCBB на #776688 3,32:1 AA, великий текст
Aa #889999 на #663355 3,26:1 AA, великий текст
Aa #336644 на #CCAA88 3,10:1 AA, великий текст
Aa #334444 на #BB7777 2,93:1 Не проходить
Aa #332233 на #776688 2,85:1 Не проходить
Aa #663355 на #BB7777 2,77:1 Не проходить
Aa #221122 на #336644 2,67:1 Не проходить
Aa #336644 на #99AA55 2,64:1 Не проходить
Aa #668855 на #DDCCBB 2,57:1 Не проходить
Aa #334444 на #668855 2,54:1 Не проходить
Aa #668855 на #663355 2,40:1 Не проходить
Aa #CCAA88 на #776688 2,39:1 Не проходить
Aa #336644 на #889999 2,26:1 Не проходить
Aa #DDCCBB на #BB7777 2,23:1 Не проходить
Aa #332233 на #336644 2,20:1 Не проходить
Aa #99AA55 на #776688 2,04:1 Не проходить
Aa #334444 на #776688 1,97:1 Не проходить
Aa #336644 на #BB7777 1,93:1 Не проходить
Aa #DDCCBB на #889999 1,90:1 Не проходить
Aa #776688 на #663355 1,86:1 Не проходить
Aa #221122 на #663355 1,85:1 Не проходить
Aa #668855 на #CCAA88 1,85:1 Не проходить
Aa #221122 на #334444 1,75:1 Не проходить
Aa #889999 на #776688 1,75:1 Не проходить
Aa #336644 на #668855 1,67:1 Не проходить
Aa #99AA55 на #DDCCBB 1,63:1 Не проходить
Aa #CCAA88 на #BB7777 1,61:1 Не проходить
Aa #668855 на #99AA55 1,58:1 Не проходить
Aa #332233 на #663355 1,53:1 Не проходить
Aa #334444 на #336644 1,52:1 Не проходить
Aa #776688 на #BB7777 1,49:1 Не проходить
Aa #332233 на #334444 1,45:1 Не проходить
Aa #336644 на #663355 1,44:1 Не проходить
Aa #CCAA88 на #DDCCBB 1,39:1 Не проходить
Aa #99AA55 на #BB7777 1,37:1 Не проходить
Aa #CCAA88 на #889999 1,37:1 Не проходить
Aa #668855 на #889999 1,35:1 Не проходить
Aa #336644 на #776688 1,29:1 Не проходить
Aa #668855 на #776688 1,29:1 Не проходить
Aa #221122 на #332233 1,21:1 Не проходить
Aa #99AA55 на #CCAA88 1,17:1 Не проходить
Aa #99AA55 на #889999 1,17:1 Не проходить
Aa #889999 на #BB7777 1,17:1 Не проходить
Aa #668855 на #BB7777 1,15:1 Не проходить
Aa #334444 на #663355 1,06: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 кольори