Реєстрація Реєстрація
TY Bleu 8

TY Bleu 8

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

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

TY Bleu 8

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

Редагувати
Приглушені 8 кольорів Холодні Змішані Комплементарна
Вподобання 32
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #D2DBB2;
  --c-muted-2: #ACA28F;
  --c-muted-3: #876771;
  --c-muted-4: #5F556D;
  --c-muted-5: #76BB8D;
  --c-muted-6: #468282;
  --c-muted-7: #40406D;
  --c-muted-8: #2A2724;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від Prairie Willow (#D2DBB2), найсвітлішого тону, до Bokara Grey (#2A2724), найтемнішого. Вона об'єднує Prairie Willow, Sage the Day, Grape Shake, Arraign, Water Fern, Paradiso, Overcast Night та Bokara Grey в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #D2DBB2 на #2A2724 (10,26:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

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

Prairie Willow #D2DBB2
RGB
rgb(210, 219, 178)
HSL
hsl(73, 36%, 78%)
Яскравість
0,676
Sage the Day #ACA28F
RGB
rgb(172, 162, 143)
HSL
hsl(39, 15%, 62%)
Яскравість
0,366
Grape Shake #876771
RGB
rgb(135, 103, 113)
HSL
hsl(341, 13%, 47%)
Яскравість
0,160
Arraign #5F556D
RGB
rgb(95, 85, 109)
HSL
hsl(265, 12%, 38%)
Яскравість
0,100
Water Fern #76BB8D
RGB
rgb(118, 187, 141)
HSL
hsl(140, 34%, 60%)
Яскравість
0,413
Paradiso #468282
RGB
rgb(70, 130, 130)
HSL
hsl(180, 30%, 39%)
Яскравість
0,189
Overcast Night #40406D
RGB
rgb(64, 64, 109)
HSL
hsl(240, 26%, 34%)
Яскравість
0,059
Bokara Grey #2A2724
RGB
rgb(42, 39, 36)
HSL
hsl(30, 8%, 15%)
Яскравість
0,021

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

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

Aa #D2DBB2 на #2A2724 10,26:1 AAA
Aa #D2DBB2 на #40406D 6,68:1 AA
Aa #76BB8D на #2A2724 6,55:1 AA
Aa #ACA28F на #2A2724 5,88:1 AA
Aa #D2DBB2 на #5F556D 4,83:1 AA
Aa #76BB8D на #40406D 4,26:1 AA, великий текст
Aa #ACA28F на #40406D 3,83:1 AA, великий текст
Aa #D2DBB2 на #876771 3,45:1 AA, великий текст
Aa #468282 на #2A2724 3,38:1 AA, великий текст
Aa #5F556D на #76BB8D 3,08:1 AA, великий текст
Aa #D2DBB2 на #468282 3,04:1 AA, великий текст
Aa #876771 на #2A2724 2,98:1 Не проходить
Aa #ACA28F на #5F556D 2,77:1 Не проходить
Aa #876771 на #76BB8D 2,20:1 Не проходить
Aa #468282 на #40406D 2,20:1 Не проходить
Aa #5F556D на #2A2724 2,13:1 Не проходить
Aa #ACA28F на #876771 1,98:1 Не проходить
Aa #876771 на #40406D 1,94:1 Не проходить
Aa #76BB8D на #468282 1,94:1 Не проходить
Aa #D2DBB2 на #ACA28F 1,74:1 Не проходить
Aa #ACA28F на #468282 1,74:1 Не проходить
Aa #5F556D на #468282 1,59:1 Не проходить
Aa #D2DBB2 на #76BB8D 1,57:1 Не проходить
Aa #40406D на #2A2724 1,54:1 Не проходить
Aa #876771 на #5F556D 1,40:1 Не проходить
Aa #5F556D на #40406D 1,38:1 Не проходить
Aa #876771 на #468282 1,13:1 Не проходить
Aa #ACA28F на #76BB8D 1,11: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 кольори