Реєстрація Реєстрація
Midnight Magic

Midnight Magic

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

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

Midnight Magic

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

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

CSS-змінні

:root {
  --c-muted-1: #05020D;
  --c-muted-2: #12021A;
  --c-muted-3: #1D072A;
  --c-muted-4: #260F3F;
  --c-muted-5: #381E5E;
  --c-muted-6: #4D3981;
  --c-muted-7: #6660A3;
}

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

Ця приглушена палітра з 7 кольорів охоплює діапазон від Giant Onion (#6660A3), найсвітлішого тону, до Broken Tube (#05020D), найтемнішого. Вона об'єднує Broken Tube, Midnight Jam, Black Sabbath, Shadow Planet, Christalle, Prism Violet та Giant Onion в один набір, який можна одразу перенести в інтерфейс. Жодна з 21 пари кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Broken Tube #05020D
RGB
rgb(5, 2, 13)
HSL
hsl(256, 73%, 3%)
Яскравість
0,001
Midnight Jam #12021A
RGB
rgb(18, 2, 26)
HSL
hsl(280, 86%, 5%)
Яскравість
0,003
Black Sabbath #1D072A
RGB
rgb(29, 7, 42)
HSL
hsl(278, 71%, 10%)
Яскравість
0,006
Shadow Planet #260F3F
RGB
rgb(38, 15, 63)
HSL
hsl(269, 62%, 15%)
Яскравість
0,011
Christalle #381E5E
RGB
rgb(56, 30, 94)
HSL
hsl(264, 52%, 24%)
Яскравість
0,026
Prism Violet #4D3981
RGB
rgb(77, 57, 129)
HSL
hsl(257, 39%, 36%)
Яскравість
0,061
Giant Onion #6660A3
RGB
rgb(102, 96, 163)
HSL
hsl(245, 27%, 51%)
Яскравість
0,138

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

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

Aa #05020D на #6660A3 3,69:1 AA, великий текст
Aa #12021A на #6660A3 3,59:1 AA, великий текст
Aa #1D072A на #6660A3 3,38:1 AA, великий текст
Aa #260F3F на #6660A3 3,08:1 AA, великий текст
Aa #381E5E на #6660A3 2,49:1 Не проходить
Aa #05020D на #4D3981 2,17:1 Не проходить
Aa #12021A на #4D3981 2,11:1 Не проходить
Aa #1D072A на #4D3981 1,99:1 Не проходить
Aa #260F3F на #4D3981 1,81:1 Не проходить
Aa #4D3981 на #6660A3 1,70:1 Не проходить
Aa #05020D на #381E5E 1,48:1 Не проходить
Aa #381E5E на #4D3981 1,46:1 Не проходить
Aa #12021A на #381E5E 1,44:1 Не проходить
Aa #1D072A на #381E5E 1,36:1 Не проходить
Aa #260F3F на #381E5E 1,24:1 Не проходить
Aa #05020D на #260F3F 1,20:1 Не проходить
Aa #12021A на #260F3F 1,17:1 Не проходить
Aa #1D072A на #260F3F 1,10:1 Не проходить
Aa #05020D на #1D072A 1,09:1 Не проходить
Aa #12021A на #1D072A 1,06:1 Не проходить
Aa #05020D на #12021A 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 кольори