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

OXYD

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

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

OXYD

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

Редагувати
Приглушені 8 кольорів Холодні Темні Комплементарна copper
Вподобання 16
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #9D9D6B;
  --c-muted-2: #9F7249;
  --c-muted-3: #3B6E64;
  --c-muted-4: #375769;
  --c-muted-5: #323E59;
  --c-muted-6: #253051;
  --c-muted-7: #292543;
  --c-muted-8: #321937;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від Domain (#9D9D6B), найсвітлішого тону, до Blackcurrant (#321937), найтемнішого. Вона об'єднує Domain, Aged Whisky, Statue of Liberty, Summer Night, Gulf Blue, Blue Lobelia, Midnight Velvet та Blackcurrant в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #9D9D6B на #321937 (5,62:1).

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

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

Domain #9D9D6B
RGB
rgb(157, 157, 107)
HSL
hsl(60, 20%, 52%)
Яскравість
0,323
Aged Whisky #9F7249
RGB
rgb(159, 114, 73)
HSL
hsl(29, 37%, 45%)
Яскравість
0,199
Statue of Liberty #3B6E64
RGB
rgb(59, 110, 100)
HSL
hsl(168, 30%, 33%)
Яскравість
0,130
Summer Night #375769
RGB
rgb(55, 87, 105)
HSL
hsl(202, 31%, 31%)
Яскравість
0,087
Gulf Blue #323E59
RGB
rgb(50, 62, 89)
HSL
hsl(222, 28%, 27%)
Яскравість
0,048
Blue Lobelia #253051
RGB
rgb(37, 48, 81)
HSL
hsl(225, 37%, 23%)
Яскравість
0,031
Midnight Velvet #292543
RGB
rgb(41, 37, 67)
HSL
hsl(248, 29%, 20%)
Яскравість
0,022
Blackcurrant #321937
RGB
rgb(50, 25, 55)
HSL
hsl(290, 38%, 16%)
Яскравість
0,017

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

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

Aa #9D9D6B на #321937 5,62:1 AA
Aa #9D9D6B на #292543 5,19:1 AA
Aa #9D9D6B на #253051 4,61:1 AA
Aa #9D9D6B на #323E59 3,79:1 AA, великий текст
Aa #9F7249 на #321937 3,74:1 AA, великий текст
Aa #9F7249 на #292543 3,46:1 AA, великий текст
Aa #9F7249 на #253051 3,07:1 AA, великий текст
Aa #9D9D6B на #375769 2,74:1 Не проходить
Aa #3B6E64 на #321937 2,71:1 Не проходить
Aa #9F7249 на #323E59 2,53:1 Не проходить
Aa #3B6E64 на #292543 2,50:1 Не проходить
Aa #3B6E64 на #253051 2,22:1 Не проходить
Aa #9D9D6B на #3B6E64 2,07:1 Не проходить
Aa #375769 на #321937 2,05:1 Не проходить
Aa #375769 на #292543 1,90:1 Не проходить
Aa #3B6E64 на #323E59 1,83:1 Не проходить
Aa #9F7249 на #375769 1,82:1 Не проходить
Aa #375769 на #253051 1,68:1 Не проходить
Aa #9D9D6B на #9F7249 1,50:1 Не проходить
Aa #323E59 на #321937 1,48:1 Не проходить
Aa #375769 на #323E59 1,39:1 Не проходить
Aa #9F7249 на #3B6E64 1,38:1 Не проходить
Aa #323E59 на #292543 1,37:1 Не проходить
Aa #3B6E64 на #375769 1,32:1 Не проходить
Aa #323E59 на #253051 1,22:1 Не проходить
Aa #253051 на #321937 1,22:1 Не проходить
Aa #253051 на #292543 1,13:1 Не проходить
Aa #292543 на #321937 1,08: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 кольори