Реєстрація Реєстрація
Black Hole Blues

Black Hole Blues

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

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

Black Hole Blues

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

Редагувати
Приглушені 7 кольорів Холодні Темні Аналогова blue purple space
Вподобання 32
Кольори 7

CSS-змінні

:root {
  --c-muted-1: #050515;
  --c-muted-2: #141433;
  --c-muted-3: #17174D;
  --c-muted-4: #322563;
  --c-muted-5: #3F2563;
  --c-muted-6: #583578;
  --c-muted-7: #8A4E95;
}

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

Ця приглушена палітра з 7 кольорів охоплює діапазон від Cosmic Berry (#8A4E95), найсвітлішого тону, до Obsidian Shard (#050515), найтемнішого. Вона об'єднує Obsidian Shard, Lost in Sadness, Tetsu-Kon Blue, Paris M, Fading Horizon, Prism Violet та Cosmic Berry в один набір, який можна одразу перенести в інтерфейс. Жодна з 21 пари кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Obsidian Shard #050515
RGB
rgb(5, 5, 21)
HSL
hsl(240, 62%, 5%)
Яскравість
0,002
Lost in Sadness #141433
RGB
rgb(20, 20, 51)
HSL
hsl(240, 44%, 14%)
Яскравість
0,009
Tetsu-Kon Blue #17174D
RGB
rgb(23, 23, 77)
HSL
hsl(240, 54%, 20%)
Яскравість
0,013
Paris M #322563
RGB
rgb(50, 37, 99)
HSL
hsl(253, 46%, 27%)
Яскравість
0,029
Fading Horizon #3F2563
RGB
rgb(63, 37, 99)
HSL
hsl(265, 46%, 27%)
Яскравість
0,033
Prism Violet #583578
RGB
rgb(88, 53, 120)
HSL
hsl(271, 39%, 34%)
Яскравість
0,060
Cosmic Berry #8A4E95
RGB
rgb(138, 78, 149)
HSL
hsl(291, 31%, 45%)
Яскравість
0,130

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

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

Aa #050515 на #8A4E95 3,47:1 AA, великий текст
Aa #141433 на #8A4E95 3,06:1 AA, великий текст
Aa #17174D на #8A4E95 2,85:1 Не проходить
Aa #322563 на #8A4E95 2,28:1 Не проходить
Aa #3F2563 на #8A4E95 2,18:1 Не проходить
Aa #050515 на #583578 2,11:1 Не проходить
Aa #141433 на #583578 1,86:1 Не проходить
Aa #17174D на #583578 1,73:1 Не проходить
Aa #583578 на #8A4E95 1,64:1 Не проходить
Aa #050515 на #3F2563 1,59:1 Не проходить
Aa #050515 на #322563 1,52:1 Не проходить
Aa #141433 на #3F2563 1,41:1 Не проходить
Aa #322563 на #583578 1,39:1 Не проходить
Aa #141433 на #322563 1,34:1 Не проходить
Aa #3F2563 на #583578 1,33:1 Не проходить
Aa #17174D на #3F2563 1,31:1 Не проходить
Aa #17174D на #322563 1,25:1 Не проходить
Aa #050515 на #17174D 1,22:1 Не проходить
Aa #050515 на #141433 1,13:1 Не проходить
Aa #141433 на #17174D 1,08:1 Не проходить
Aa #322563 на #3F2563 1,05: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 кольори