Реєстрація Реєстрація
Tank Palette

Tank Palette

Палітра з 8 кольорів · Теплі · Темні · Аналогова гармонія

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

Tank Palette

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

Редагувати
Приглушені 8 кольорів Теплі Темні Аналогова 8color videogame army
Вподобання 11
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #000000;
  --c-muted-2: #8AA653;
  --c-muted-3: #728945;
  --c-muted-4: #5A6B36;
  --c-muted-5: #414D27;
  --c-muted-6: #636166;
  --c-muted-7: #86838A;
  --c-muted-8: #665A3D;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від Mosquito Fern (#8AA653), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Mosquito Fern, Athonian Camoshade, Tiāntāi Mountain Green, Bronze Tone, Windsor Grey, Suva Grey та Puff Dragon в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #000000 на #8AA653 (7,66:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Mosquito Fern #8AA653
RGB
rgb(138, 166, 83)
HSL
hsl(80, 33%, 49%)
Яскравість
0,333
Athonian Camoshade #728945
RGB
rgb(114, 137, 69)
HSL
hsl(80, 33%, 40%)
Яскравість
0,219
Tiāntāi Mountain Green #5A6B36
RGB
rgb(90, 107, 54)
HSL
hsl(79, 33%, 32%)
Яскравість
0,130
Bronze Tone #414D27
RGB
rgb(65, 77, 39)
HSL
hsl(79, 33%, 23%)
Яскравість
0,066
Windsor Grey #636166
RGB
rgb(99, 97, 102)
HSL
hsl(264, 3%, 39%)
Яскравість
0,122
Suva Grey #86838A
RGB
rgb(134, 131, 138)
HSL
hsl(266, 3%, 53%)
Яскравість
0,231
Puff Dragon #665A3D
RGB
rgb(102, 90, 61)
HSL
hsl(42, 25%, 32%)
Яскравість
0,105

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

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

Aa #000000 на #8AA653 7,66:1 AAA
Aa #000000 на #86838A 5,63:1 AA
Aa #000000 на #728945 5,38:1 AA
Aa #000000 на #5A6B36 3,59:1 AA, великий текст
Aa #000000 на #636166 3,43:1 AA, великий текст
Aa #8AA653 на #414D27 3,31:1 AA, великий текст
Aa #000000 на #665A3D 3,09:1 AA, великий текст
Aa #8AA653 на #665A3D 2,48:1 Не проходить
Aa #414D27 на #86838A 2,43:1 Не проходить
Aa #000000 на #414D27 2,32:1 Не проходить
Aa #728945 на #414D27 2,32:1 Не проходить
Aa #8AA653 на #636166 2,23:1 Не проходить
Aa #8AA653 на #5A6B36 2,13:1 Не проходить
Aa #86838A на #665A3D 1,82:1 Не проходить
Aa #728945 на #665A3D 1,74:1 Не проходить
Aa #636166 на #86838A 1,64:1 Не проходить
Aa #728945 на #636166 1,57:1 Не проходить
Aa #5A6B36 на #86838A 1,57:1 Не проходить
Aa #5A6B36 на #414D27 1,55:1 Не проходить
Aa #728945 на #5A6B36 1,50:1 Не проходить
Aa #414D27 на #636166 1,48:1 Не проходить
Aa #8AA653 на #728945 1,42:1 Не проходить
Aa #8AA653 на #86838A 1,36:1 Не проходить
Aa #414D27 на #665A3D 1,34:1 Не проходить
Aa #5A6B36 на #665A3D 1,16:1 Не проходить
Aa #636166 на #665A3D 1,11:1 Не проходить
Aa #728945 на #86838A 1,05:1 Не проходить
Aa #5A6B36 на #636166 1,05:1 Не проходить

Схожі палітри

#000000 #3D0000 #950101 #FF0000
4 кольори
#E23E57 #88304E #522546 #311D3F
4 кольори
#FF204E #A0153E #5D0E41 #00224D
4 кольори
#030637 #3C0753 #720455 #910A67
4 кольори
#1C0A00 #361500 #603601 #CC9544
4 кольори
#252525 #FF0000 #AF0404 #414141
4 кольори
#362222 #171010 #423F3E #2B2B2B
4 кольори
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 кольори