Реєстрація Реєстрація
Blue Night

Blue Night

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

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

Blue Night

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

Редагувати
Приглушені 9 кольорів Холодні Темні Аналогова night dark blue cool
Вподобання 27
Кольори 9

CSS-змінні

:root {
  --c-muted-1: #050526;
  --c-muted-2: #12073E;
  --c-muted-3: #201254;
  --c-muted-4: #241B67;
  --c-muted-5: #242472;
  --c-muted-6: #283077;
  --c-muted-7: #30407D;
  --c-muted-8: #3F578A;
  --c-muted-9: #4576A3;
}

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

Ця приглушена палітра з 9 кольорів охоплює діапазон від Decoration Blue (#4576A3), найсвітлішого тону, до Mysterious Depths (#050526), найтемнішого. Вона об'єднує Mysterious Depths, Congressional Navy, Praise of Shadow, Intergalactic Cowboy, After Work Blue, Blue Rose, Mazarine Blue, Demon Blue та Decoration Blue в один набір, який можна одразу перенести в інтерфейс. Жодна з 36 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Mysterious Depths #050526
RGB
rgb(5, 5, 38)
HSL
hsl(240, 77%, 8%)
Яскравість
0,003
Congressional Navy #12073E
RGB
rgb(18, 7, 62)
HSL
hsl(252, 80%, 14%)
Яскравість
0,006
Praise of Shadow #201254
RGB
rgb(32, 18, 84)
HSL
hsl(253, 65%, 20%)
Яскравість
0,014
Intergalactic Cowboy #241B67
RGB
rgb(36, 27, 103)
HSL
hsl(247, 58%, 25%)
Яскравість
0,021
After Work Blue #242472
RGB
rgb(36, 36, 114)
HSL
hsl(240, 52%, 29%)
Яскравість
0,029
Blue Rose #283077
RGB
rgb(40, 48, 119)
HSL
hsl(234, 50%, 31%)
Яскравість
0,039
Mazarine Blue #30407D
RGB
rgb(48, 64, 125)
HSL
hsl(228, 45%, 34%)
Яскравість
0,058
Demon Blue #3F578A
RGB
rgb(63, 87, 138)
HSL
hsl(221, 37%, 39%)
Яскравість
0,097
Decoration Blue #4576A3
RGB
rgb(69, 118, 163)
HSL
hsl(209, 41%, 45%)
Яскравість
0,169

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

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

Aa #050526 на #4576A3 4,14:1 AA, великий текст
Aa #12073E на #4576A3 3,89:1 AA, великий текст
Aa #201254 на #4576A3 3,43:1 AA, великий текст
Aa #241B67 на #4576A3 3,06:1 AA, великий текст
Aa #050526 на #3F578A 2,79:1 Не проходить
Aa #242472 на #4576A3 2,78:1 Не проходить
Aa #12073E на #3F578A 2,61:1 Не проходить
Aa #283077 на #4576A3 2,46:1 Не проходить
Aa #201254 на #3F578A 2,31:1 Не проходить
Aa #241B67 на #3F578A 2,06:1 Не проходить
Aa #050526 на #30407D 2,04:1 Не проходить
Aa #30407D на #4576A3 2,03:1 Не проходить
Aa #12073E на #30407D 1,91:1 Не проходить
Aa #242472 на #3F578A 1,87:1 Не проходить
Aa #201254 на #30407D 1,69:1 Не проходить
Aa #050526 на #283077 1,68:1 Не проходить
Aa #283077 на #3F578A 1,65:1 Не проходить
Aa #12073E на #283077 1,58:1 Не проходить
Aa #241B67 на #30407D 1,51:1 Не проходить
Aa #050526 на #242472 1,49:1 Не проходить
Aa #3F578A на #4576A3 1,49:1 Не проходить
Aa #12073E на #242472 1,40:1 Не проходить
Aa #201254 на #283077 1,39:1 Не проходить
Aa #242472 на #30407D 1,37:1 Не проходить
Aa #30407D на #3F578A 1,36:1 Не проходить
Aa #050526 на #241B67 1,35:1 Не проходить
Aa #12073E на #241B67 1,27:1 Не проходить
Aa #241B67 на #283077 1,25:1 Не проходить
Aa #201254 на #242472 1,23:1 Не проходить
Aa #050526 на #201254 1,21:1 Не проходить
Aa #283077 на #30407D 1,21:1 Не проходить
Aa #12073E на #201254 1,13:1 Не проходить
Aa #242472 на #283077 1,13:1 Не проходить
Aa #201254 на #241B67 1,12:1 Не проходить
Aa #241B67 на #242472 1,10:1 Не проходить
Aa #050526 на #12073E 1,07: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 кольори