Реєстрація Реєстрація
Палітра «Dark Knight» з 4 кольорів

Палітра «Dark Knight» з 4 кольорів

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

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

Палітра «Dark Knight» з 4 кольорів

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

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

CSS-змінні

:root {
  --c-muted-1: #161A30;
  --c-muted-2: #31304D;
  --c-muted-3: #B6BBC4;
  --c-muted-4: #F0ECE5;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Cow’s Milk (#F0ECE5), найсвітлішого тону, до Dark Knight (#161A30), найтемнішого. Вона об'єднує Dark Knight, Wild Iris, Silverado Trail та Cow’s Milk в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них, найконтрастніша — #161A30 на #F0ECE5 (14,56:1).

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

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

Dark Knight #161A30
RGB
rgb(22, 26, 48)
HSL
hsl(231, 37%, 14%)
Яскравість
0,011
Wild Iris #31304D
RGB
rgb(49, 48, 77)
HSL
hsl(242, 23%, 25%)
Яскравість
0,033
Silverado Trail #B6BBC4
RGB
rgb(182, 187, 196)
HSL
hsl(219, 11%, 74%)
Яскравість
0,495
Cow’s Milk #F0ECE5
RGB
rgb(240, 236, 229)
HSL
hsl(38, 27%, 92%)
Яскравість
0,842

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

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

Aa #161A30 на #F0ECE5 14,56:1 AAA
Aa #31304D на #F0ECE5 10,74:1 AAA
Aa #161A30 на #B6BBC4 8,90:1 AAA
Aa #31304D на #B6BBC4 6,56:1 AA
Aa #B6BBC4 на #F0ECE5 1,64:1 Не проходить
Aa #161A30 на #31304D 1,36: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 кольори