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

Four Green

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

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

Four Green

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

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

CSS-змінні

:root {
  --c-muted-1: #588F3D;
  --c-muted-2: #36633D;
  --c-muted-3: #293D36;
  --c-muted-4: #AABF40;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Hopscotch (#AABF40), найсвітлішого тону, до Scarab (#293D36), найтемнішого. Вона об'єднує Indica, Genever Green, Scarab та Hopscotch в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #293D36 на #AABF40 (5,64:1).

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

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

Indica #588F3D
RGB
rgb(88, 143, 61)
HSL
hsl(100, 40%, 40%)
Яскравість
0,221
Genever Green #36633D
RGB
rgb(54, 99, 61)
HSL
hsl(129, 29%, 30%)
Яскравість
0,100
Scarab #293D36
RGB
rgb(41, 61, 54)
HSL
hsl(159, 20%, 20%)
Яскравість
0,041
Hopscotch #AABF40
RGB
rgb(170, 191, 64)
HSL
hsl(70, 50%, 50%)
Яскравість
0,462

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

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

Aa #293D36 на #AABF40 5,64:1 AA
Aa #36633D на #AABF40 3,40:1 AA, великий текст
Aa #588F3D на #293D36 2,98:1 Не проходить
Aa #588F3D на #AABF40 1,89:1 Не проходить
Aa #588F3D на #36633D 1,80:1 Не проходить
Aa #36633D на #293D36 1,66: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 кольори