Реєстрація Реєстрація
TY Living Machine 4

TY Living Machine 4

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

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

TY Living Machine 4

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

Редагувати
Приглушені 4 кольори Холодні Темні Монохромна 4 limited retro
Вподобання 10
Кольори 4

CSS-змінні

:root {
  --c-muted-1: #6E8F8D;
  --c-muted-2: #5C6A53;
  --c-muted-3: #2F4541;
  --c-muted-4: #262921;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Gumbo (#6E8F8D), найсвітлішого тону, до Maire (#262921), найтемнішого. Вона об'єднує Gumbo, Inland, Firefly та Maire в один набір, який можна одразу перенести в інтерфейс. Жодна з 6 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Gumbo #6E8F8D
RGB
rgb(110, 143, 141)
HSL
hsl(176, 13%, 50%)
Яскравість
0,249
Inland #5C6A53
RGB
rgb(92, 106, 83)
HSL
hsl(97, 12%, 37%)
Яскравість
0,132
Firefly #2F4541
RGB
rgb(47, 69, 65)
HSL
hsl(169, 19%, 23%)
Яскравість
0,052
Maire #262921
RGB
rgb(38, 41, 33)
HSL
hsl(83, 11%, 15%)
Яскравість
0,021

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

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

Aa #6E8F8D на #262921 4,20:1 AA, великий текст
Aa #6E8F8D на #2F4541 2,92:1 Не проходить
Aa #5C6A53 на #262921 2,56:1 Не проходить
Aa #5C6A53 на #2F4541 1,78:1 Не проходить
Aa #6E8F8D на #5C6A53 1,64:1 Не проходить
Aa #2F4541 на #262921 1,44:1 Не проходить

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

#212121 #323232 #0D7377 #14FFEC
4 кольори
#0A2647 #144272 #205295 #2C74B3
4 кольори
#040D12 #183D3D #5C8374 #93B1A6
4 кольори
#142850 #27496D #0C7B93 #00A8CC
4 кольори
#635985 #443C68 #393053 #18122B
4 кольори
#000000 #150050 #3F0071 #610094
4 кольори
#151515 #301B3F #3C415C #B4A5A5
4 кольори
#041C32 #04293A #064663 #ECB365
4 кольори