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

TrueGB

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

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

TrueGB

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

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

CSS-змінні

:root {
  --c-muted-1: #9ABB0E;
  --c-muted-2: #8AAB0E;
  --c-muted-3: #2F612F;
  --c-muted-4: #0E370E;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Gameboy Light (#9ABB0E), найсвітлішого тону, до Gameboy Contrast (#0E370E), найтемнішого. Вона об'єднує Gameboy Light, Gameboy Screen, Deep Into the Wood та Gameboy Contrast в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #9ABB0E на #0E370E (6,04:1).

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

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

Gameboy Light #9ABB0E
RGB
rgb(154, 187, 14)
HSL
hsl(71, 86%, 39%)
Яскравість
0,424
Gameboy Screen #8AAB0E
RGB
rgb(138, 171, 14)
HSL
hsl(73, 85%, 36%)
Яскравість
0,346
Deep Into the Wood #2F612F
RGB
rgb(47, 97, 47)
HSL
hsl(120, 35%, 28%)
Яскравість
0,094
Gameboy Contrast #0E370E
RGB
rgb(14, 55, 14)
HSL
hsl(120, 59%, 14%)
Яскравість
0,029

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

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

Aa #9ABB0E на #0E370E 6,04:1 AA
Aa #8AAB0E на #0E370E 5,03:1 AA
Aa #9ABB0E на #2F612F 3,30:1 AA, великий текст
Aa #8AAB0E на #2F612F 2,76:1 Не проходить
Aa #2F612F на #0E370E 1,83:1 Не проходить
Aa #9ABB0E на #8AAB0E 1,20: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 кольори