Реєстрація Реєстрація
Oil Oak

Oil Oak

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

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

Oil Oak

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

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

CSS-змінні

:root {
  --c-muted-1: #090110;
  --c-muted-2: #1A1E25;
  --c-muted-3: #3D3E32;
  --c-muted-4: #6F653D;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Yellow Metal (#6F653D), найсвітлішого тону, до Broken Tube (#090110), найтемнішого. Вона об'єднує Broken Tube, Coarse Wool, Scrub та Yellow Metal в один набір, який можна одразу перенести в інтерфейс. Жодна з 6 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Broken Tube #090110
RGB
rgb(9, 1, 16)
HSL
hsl(272, 88%, 3%)
Яскравість
0,001
Coarse Wool #1A1E25
RGB
rgb(26, 30, 37)
HSL
hsl(218, 17%, 12%)
Яскравість
0,013
Scrub #3D3E32
RGB
rgb(61, 62, 50)
HSL
hsl(65, 11%, 22%)
Яскравість
0,047
Yellow Metal #6F653D
RGB
rgb(111, 101, 61)
HSL
hsl(48, 29%, 34%)
Яскравість
0,130

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

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

Aa #090110 на #6F653D 3,52:1 AA, великий текст
Aa #1A1E25 на #6F653D 2,87:1 Не проходить
Aa #090110 на #3D3E32 1,89:1 Не проходить
Aa #3D3E32 на #6F653D 1,86:1 Не проходить
Aa #1A1E25 на #3D3E32 1,54:1 Не проходить
Aa #090110 на #1A1E25 1,23: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 кольори