Реєстрація Реєстрація
Enneagon

Enneagon

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

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

Enneagon

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

Редагувати
Приглушені 4 кольори Нейтральні Темні Тріадна enneagon geometric
Вподобання 41
Кольори 4

CSS-змінні

:root {
  --c-muted-1: #1A1D1E;
  --c-muted-2: #251E2F;
  --c-muted-3: #5A332A;
  --c-muted-4: #4A5981;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Yacht Club Blue (#4A5981), найсвітлішого тону, до Gluon Grey (#1A1D1E), найтемнішого. Вона об'єднує Gluon Grey, Black Howl, Redwood та Yacht Club Blue в один набір, який можна одразу перенести в інтерфейс. Жодна з 6 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Gluon Grey #1A1D1E
RGB
rgb(26, 29, 30)
HSL
hsl(195, 7%, 11%)
Яскравість
0,012
Black Howl #251E2F
RGB
rgb(37, 30, 47)
HSL
hsl(265, 22%, 15%)
Яскравість
0,015
Redwood #5A332A
RGB
rgb(90, 51, 42)
HSL
hsl(11, 36%, 26%)
Яскравість
0,047
Yacht Club Blue #4A5981
RGB
rgb(74, 89, 129)
HSL
hsl(224, 27%, 40%)
Яскравість
0,102

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

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

Aa #1A1D1E на #4A5981 2,45:1 Не проходить
Aa #251E2F на #4A5981 2,33:1 Не проходить
Aa #1A1D1E на #5A332A 1,57:1 Не проходить
Aa #5A332A на #4A5981 1,56:1 Не проходить
Aa #251E2F на #5A332A 1,49:1 Не проходить
Aa #1A1D1E на #251E2F 1,05:1 Не проходить

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

#000000 #3E065F #700B97 #8E05C2
4 кольори
#000000 #150050 #3F0071 #FB2576
4 кольори
#000000 #3E432E #616F39 #A7D129
4 кольори
#4B5D67 #322F3D #59405C #87556F
4 кольори
#18230F #27391C #255F38 #1F7D53
4 кольори
#FF5200 #6F0000 #00263B #00A1AB
4 кольори
#000000 #0F6292 #16FF00 #FFED00
4 кольори
#251D3A #2A2550 #E04D01 #FF7700
4 кольори