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

Jm

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

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

Jm

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

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

CSS-змінні

:root {
  --c-muted-1: #1A0438;
  --c-muted-2: #1C585F;
  --c-muted-3: #5B7324;
  --c-muted-4: #C19A5C;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Townhouse Tan (#C19A5C), найсвітлішого тону, до Quiet Abyss (#1A0438), найтемнішого. Вона об'єднує Quiet Abyss, Uncharted, Fiji Green та Townhouse Tan в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #1A0438 на #C19A5C (7,19:1).

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

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

Quiet Abyss #1A0438
RGB
rgb(26, 4, 56)
HSL
hsl(265, 87%, 12%)
Яскравість
0,006
Uncharted #1C585F
RGB
rgb(28, 88, 95)
HSL
hsl(186, 54%, 24%)
Яскравість
0,081
Fiji Green #5B7324
RGB
rgb(91, 115, 36)
HSL
hsl(78, 52%, 30%)
Яскравість
0,146
Townhouse Tan #C19A5C
RGB
rgb(193, 154, 92)
HSL
hsl(37, 45%, 56%)
Яскравість
0,352

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

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

Aa #1A0438 на #C19A5C 7,19:1 AAA
Aa #1A0438 на #5B7324 3,51:1 AA, великий текст
Aa #1C585F на #C19A5C 3,08:1 AA, великий текст
Aa #1A0438 на #1C585F 2,33:1 Не проходить
Aa #5B7324 на #C19A5C 2,05:1 Не проходить
Aa #1C585F на #5B7324 1,50: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 кольори