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

Agent

Палітра з 4 кольорів · Нейтральні · Змішані · Монохромна гармонія

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

Agent

Палітра з 4 кольорів · Нейтральні кольори · Змішані тони · Монохромна гармонія

Редагувати
Приглушені 4 кольори Нейтральні Змішані Монохромна green black matrix agent
Вподобання 37
Кольори 4

CSS-змінні

:root {
  --c-muted-1: #111416;
  --c-muted-2: #484E4B;
  --c-muted-3: #54A454;
  --c-muted-4: #E3F6E3;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від After Dinner Mint (#E3F6E3), найсвітлішого тону, до Sooty (#111416), найтемнішого. Вона об'єднує Sooty, Model T, Straightforward Green та After Dinner Mint в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #111416 на #E3F6E3 (16,34:1).

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

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

Sooty #111416
RGB
rgb(17, 20, 22)
HSL
hsl(204, 13%, 8%)
Яскравість
0,007
Model T #484E4B
RGB
rgb(72, 78, 75)
HSL
hsl(150, 4%, 29%)
Яскравість
0,073
Straightforward Green #54A454
RGB
rgb(84, 164, 84)
HSL
hsl(120, 32%, 49%)
Яскравість
0,291
After Dinner Mint #E3F6E3
RGB
rgb(227, 246, 227)
HSL
hsl(120, 51%, 93%)
Яскравість
0,878

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

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

Aa #111416 на #E3F6E3 16,34:1 AAA
Aa #484E4B на #E3F6E3 7,52:1 AAA
Aa #111416 на #54A454 6,00:1 AA
Aa #484E4B на #54A454 2,76:1 Не проходить
Aa #54A454 на #E3F6E3 2,72:1 Не проходить
Aa #111416 на #484E4B 2,17:1 Не проходить

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

#EDF1D6 #9DC08B #609966 #40513B
4 кольори
#F5F7F8 #F4CE14 #495E57 #45474B
4 кольори
#222831 #393E46 #FFD369 #EEEEEE
4 кольори
#000000 #52057B #892CDC #BC6FF1
4 кольори
#213555 #3E5879 #D8C4B6 #F5EFE7
4 кольори
#F5EFE7 #D8C4B6 #4F709C #213555
4 кольори
#191A19 #1E5128 #4E9F3D #D8E9A8
4 кольори
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 кольори