Реєстрація Реєстрація
Code Green

Code Green

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

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

Code Green

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

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

CSS-змінні

:root {
  --c-vibrant-1: #031700;
  --c-vibrant-2: #0A4E00;
  --c-vibrant-3: #15A600;
  --c-vibrant-4: #BEFFB4;
}

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

Ця яскрава палітра з 4 кольорів охоплює діапазон від Glow in the Dark (#BEFFB4), найсвітлішого тону, до Oil Slick (#031700), найтемнішого. Вона об'єднує Oil Slick, Malachite Green, Peter Pan та Glow in the Dark в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #031700 на #BEFFB4 (16,12:1).

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

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

Oil Slick #031700
RGB
rgb(3, 23, 0)
HSL
hsl(112, 100%, 5%)
Яскравість
0,006
Malachite Green #0A4E00
RGB
rgb(10, 78, 0)
HSL
hsl(112, 100%, 15%)
Яскравість
0,055
Peter Pan #15A600
RGB
rgb(21, 166, 0)
HSL
hsl(112, 100%, 33%)
Яскравість
0,274
Glow in the Dark #BEFFB4
RGB
rgb(190, 255, 180)
HSL
hsl(112, 100%, 85%)
Яскравість
0,858

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

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

Aa #031700 на #BEFFB4 16,12:1 AAA
Aa #0A4E00 на #BEFFB4 8,63:1 AAA
Aa #031700 на #15A600 5,76:1 AA
Aa #0A4E00 на #15A600 3,08:1 AA, великий текст
Aa #15A600 на #BEFFB4 2,80:1 Не проходить
Aa #031700 на #0A4E00 1,87: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 кольори