Реєстрація Реєстрація
ARK 4

ARK 4

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

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

ARK 4

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

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

CSS-змінні

:root {
  --c-muted-1: #1DFF00;
  --c-muted-2: #0068AF;
  --c-muted-3: #49006A;
  --c-muted-4: #450000;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Green Screen (#1DFF00), найсвітлішого тону, до Eyelids (#450000), найтемнішого. Вона об'єднує Green Screen, Wing Commander, Royal Purple та Eyelids в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #1DFF00 на #450000 (12,26:1).

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

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

Green Screen #1DFF00
RGB
rgb(29, 255, 0)
HSL
hsl(113, 100%, 50%)
Яскравість
0,718
Wing Commander #0068AF
RGB
rgb(0, 104, 175)
HSL
hsl(204, 100%, 34%)
Яскравість
0,130
Royal Purple #49006A
RGB
rgb(73, 0, 106)
HSL
hsl(281, 100%, 21%)
Яскравість
0,025
Eyelids #450000
RGB
rgb(69, 0, 0)
HSL
hsl(0, 100%, 14%)
Яскравість
0,013

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

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

Aa #1DFF00 на #450000 12,26:1 AAA
Aa #1DFF00 на #49006A 10,30:1 AAA
Aa #1DFF00 на #0068AF 4,27:1 AA, великий текст
Aa #0068AF на #450000 2,87:1 Не проходить
Aa #0068AF на #49006A 2,41:1 Не проходить
Aa #49006A на #450000 1,19: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 кольори