Головна Колірні палітри Палітра «Salem» з 4 кольорів

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

Палітра з 4 кольорів · Нейтральні · Темні · Аналогова гармонія

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

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

Палітра з 4 кольорів · Нейтральні кольори · Темні тони · Аналогова гармонія

Редагувати

Приглушені 4 кольори Нейтральні Темні Аналогова

Вподобання 6 251

Кольори 4

CSS-змінні

:root {
  --c-muted-1: #18230F;
  --c-muted-2: #27391C;
  --c-muted-3: #255F38;
  --c-muted-4: #1F7D53;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Salem (#1F7D53), найсвітлішого тону, до Midnight Pines (#18230F), найтемнішого. Вона об'єднує Midnight Pines, Mountain Range Green, Derbyshire та Salem в один набір, який можна одразу перенести в інтерфейс. Жодна з 6 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Midnight Pines #18230F

RGB: rgb(24, 35, 15)
HSL: hsl(93, 40%, 10%)
Яскравість: 0,014

Mountain Range Green #27391C

RGB: rgb(39, 57, 28)
HSL: hsl(97, 34%, 17%)
Яскравість: 0,034

Derbyshire #255F38

RGB: rgb(37, 95, 56)
HSL: hsl(140, 44%, 26%)
Яскравість: 0,089

Salem #1F7D53

RGB: rgb(31, 125, 83)
HSL: hsl(153, 60%, 31%)
Яскравість: 0,156

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

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

Aa #18230F на #1F7D53 3,20:1 AA, великий текст

Aa #27391C на #1F7D53 2,44:1 Не проходить

Aa #18230F на #255F38 2,16:1 Не проходить

Aa #27391C на #255F38 1,64:1 Не проходить

Aa #255F38 на #1F7D53 1,48:1 Не проходить

Aa #18230F на #27391C 1,31:1 Не проходить

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

#000000 #3E065F #700B97 #8E05C2

4 кольори

#000000 #150050 #3F0071 #FB2576

4 кольори

#000000 #3E432E #616F39 #A7D129

4 кольори

#4B5D67 #322F3D #59405C #87556F

4 кольори

#FF5200 #6F0000 #00263B #00A1AB

4 кольори

#000000 #0F6292 #16FF00 #FFED00

4 кольори

#251D3A #2A2550 #E04D01 #FF7700

4 кольори

#FFA900 #9D8221 #014441 #01252A

4 кольори

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