Реєстрація Реєстрація
Green + Accent

Green + Accent

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

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

Green + Accent

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

Редагувати
Землисті 8 кольорів Холодні Змішані Комплементарна green forest accent
Вподобання 36
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #FBF4C4;
  --c-earthy-2: #AAD0A3;
  --c-earthy-3: #95B88F;
  --c-earthy-4: #3E4E47;
  --c-earthy-5: #253A3A;
  --c-earthy-6: #162627;
  --c-earthy-7: #111E1F;
  --c-earthy-8: #F89BB0;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Banana Custard (#FBF4C4), найсвітлішого тону, до Black Emerald (#111E1F), найтемнішого. Вона об'єднує Banana Custard, Relaxation Green, Brookview, Deep Mooring, Kōrainando Green, Wet Foliage, Black Emerald та Flower Girl в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #FBF4C4 на #111E1F (15,32:1).

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

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

Banana Custard #FBF4C4
RGB
rgb(251, 244, 196)
HSL
hsl(52, 87%, 88%)
Яскравість
0,892
Relaxation Green #AAD0A3
RGB
rgb(170, 208, 163)
HSL
hsl(111, 32%, 73%)
Яскравість
0,563
Brookview #95B88F
RGB
rgb(149, 184, 143)
HSL
hsl(111, 22%, 64%)
Яскравість
0,427
Deep Mooring #3E4E47
RGB
rgb(62, 78, 71)
HSL
hsl(154, 11%, 27%)
Яскравість
0,069
Kōrainando Green #253A3A
RGB
rgb(37, 58, 58)
HSL
hsl(180, 22%, 19%)
Яскравість
0,037
Wet Foliage #162627
RGB
rgb(22, 38, 39)
HSL
hsl(184, 28%, 12%)
Яскравість
0,017
Black Emerald #111E1F
RGB
rgb(17, 30, 31)
HSL
hsl(184, 29%, 9%)
Яскравість
0,012
Flower Girl #F89BB0
RGB
rgb(248, 155, 176)
HSL
hsl(346, 87%, 79%)
Яскравість
0,465

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

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

Aa #FBF4C4 на #111E1F 15,32:1 AAA
Aa #FBF4C4 на #162627 14,05:1 AAA
Aa #FBF4C4 на #253A3A 10,80:1 AAA
Aa #AAD0A3 на #111E1F 9,97:1 AAA
Aa #AAD0A3 на #162627 9,15:1 AAA
Aa #111E1F на #F89BB0 8,38:1 AAA
Aa #FBF4C4 на #3E4E47 7,90:1 AAA
Aa #95B88F на #111E1F 7,75:1 AAA
Aa #162627 на #F89BB0 7,69:1 AAA
Aa #95B88F на #162627 7,11:1 AAA
Aa #AAD0A3 на #253A3A 7,03:1 AAA
Aa #253A3A на #F89BB0 5,91:1 AA
Aa #95B88F на #253A3A 5,46:1 AA
Aa #AAD0A3 на #3E4E47 5,14:1 AA
Aa #3E4E47 на #F89BB0 4,32:1 AA, великий текст
Aa #95B88F на #3E4E47 4,00:1 AA, великий текст
Aa #FBF4C4 на #95B88F 1,98:1 Не проходить
Aa #3E4E47 на #111E1F 1,94:1 Не проходить
Aa #FBF4C4 на #F89BB0 1,83:1 Не проходить
Aa #3E4E47 на #162627 1,78:1 Не проходить
Aa #FBF4C4 на #AAD0A3 1,54:1 Не проходить
Aa #253A3A на #111E1F 1,42:1 Не проходить
Aa #3E4E47 на #253A3A 1,37:1 Не проходить
Aa #253A3A на #162627 1,30:1 Не проходить
Aa #AAD0A3 на #95B88F 1,29:1 Не проходить
Aa #AAD0A3 на #F89BB0 1,19:1 Не проходить
Aa #162627 на #111E1F 1,09:1 Не проходить
Aa #95B88F на #F89BB0 1,08:1 Не проходить

Схожі палітри

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори