Реєстрація Реєстрація
Old Sch8l

Old Sch8l

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

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

Old Sch8l

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

Редагувати
Приглушені 8 кольорів Холодні Темні Комплементарна retro
Вподобання 13
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #000000;
  --c-muted-2: #333300;
  --c-muted-3: #993300;
  --c-muted-4: #6666CC;
  --c-muted-5: #003366;
  --c-muted-6: #339933;
  --c-muted-7: #999933;
  --c-muted-8: #CCCCCC;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від Cerebral Grey (#CCCCCC), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Wasabi Nori, Chocoholic, Dark Periwinkle, Prussian Blue, Putting Green, Appletini та Cerebral Grey в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #000000 на #CCCCCC (13,08:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Wasabi Nori #333300
RGB
rgb(51, 51, 0)
HSL
hsl(60, 100%, 10%)
Яскравість
0,031
Chocoholic #993300
RGB
rgb(153, 51, 0)
HSL
hsl(20, 100%, 30%)
Яскравість
0,091
Dark Periwinkle #6666CC
RGB
rgb(102, 102, 204)
HSL
hsl(240, 50%, 60%)
Яскравість
0,167
Prussian Blue #003366
RGB
rgb(0, 51, 102)
HSL
hsl(210, 100%, 20%)
Яскравість
0,033
Putting Green #339933
RGB
rgb(51, 153, 51)
HSL
hsl(120, 50%, 40%)
Яскравість
0,237
Appletini #999933
RGB
rgb(153, 153, 51)
HSL
hsl(60, 50%, 40%)
Яскравість
0,298
Cerebral Grey #CCCCCC
RGB
rgb(204, 204, 204)
HSL
hsl(0, 0%, 80%)
Яскравість
0,604

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

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

Aa #000000 на #CCCCCC 13,08:1 AAA
Aa #333300 на #CCCCCC 8,10:1 AAA
Aa #003366 на #CCCCCC 7,85:1 AAA
Aa #000000 на #999933 6,96:1 AA
Aa #000000 на #339933 5,75:1 AA
Aa #993300 на #CCCCCC 4,62:1 AA
Aa #000000 на #6666CC 4,34:1 AA, великий текст
Aa #333300 на #999933 4,31:1 AA, великий текст
Aa #003366 на #999933 4,18:1 AA, великий текст
Aa #333300 на #339933 3,56:1 AA, великий текст
Aa #003366 на #339933 3,45:1 AA, великий текст
Aa #6666CC на #CCCCCC 3,01:1 AA, великий текст
Aa #000000 на #993300 2,83:1 Не проходить
Aa #333300 на #6666CC 2,69:1 Не проходить
Aa #6666CC на #003366 2,60:1 Не проходить
Aa #993300 на #999933 2,46:1 Не проходить
Aa #339933 на #CCCCCC 2,28:1 Не проходить
Aa #993300 на #339933 2,03:1 Не проходить
Aa #999933 на #CCCCCC 1,88:1 Не проходить
Aa #333300 на #993300 1,75:1 Не проходить
Aa #993300 на #003366 1,70:1 Не проходить
Aa #000000 на #003366 1,67:1 Не проходить
Aa #000000 на #333300 1,61:1 Не проходить
Aa #6666CC на #999933 1,60:1 Не проходить
Aa #993300 на #6666CC 1,53:1 Не проходить
Aa #6666CC на #339933 1,32:1 Не проходить
Aa #339933 на #999933 1,21:1 Не проходить
Aa #333300 на #003366 1,03:1 Не проходить

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

#212121 #323232 #0D7377 #14FFEC
4 кольори
#0A2647 #144272 #205295 #2C74B3
4 кольори
#040D12 #183D3D #5C8374 #93B1A6
4 кольори
#142850 #27496D #0C7B93 #00A8CC
4 кольори
#635985 #443C68 #393053 #18122B
4 кольори
#000000 #150050 #3F0071 #610094
4 кольори
#151515 #301B3F #3C415C #B4A5A5
4 кольори
#041C32 #04293A #064663 #ECB365
4 кольори