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

Arne 4

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

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

Arne 4

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

Редагувати
Яскраві 4 кольори Нейтральні Темні Комплементарна artist arne
Вподобання 18
Кольори 4

CSS-змінні

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #00519C;
  --c-vibrant-3: #B84B12;
  --c-vibrant-4: #AFD84F;
}

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

Ця яскрава палітра з 4 кольорів охоплює діапазон від Conifer (#AFD84F), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Freshwater Lake, Pindjur Red та Conifer в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #000000 на #AFD84F (12,76:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Freshwater Lake #00519C
RGB
rgb(0, 81, 156)
HSL
hsl(209, 100%, 31%)
Яскравість
0,083
Pindjur Red #B84B12
RGB
rgb(184, 75, 18)
HSL
hsl(21, 82%, 40%)
Яскравість
0,153
Conifer #AFD84F
RGB
rgb(175, 216, 79)
HSL
hsl(78, 64%, 58%)
Яскравість
0,588

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

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

Aa #000000 на #AFD84F 12,76:1 AAA
Aa #00519C на #AFD84F 4,80:1 AA
Aa #000000 на #B84B12 4,05:1 AA, великий текст
Aa #B84B12 на #AFD84F 3,15:1 AA, великий текст
Aa #000000 на #00519C 2,66:1 Не проходить
Aa #00519C на #B84B12 1,53: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 кольори