Реєстрація Реєстрація
Spoozy2

Spoozy2

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

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

Spoozy2

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

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

CSS-змінні

:root {
  --c-muted-1: #3A1D4E;
  --c-muted-2: #34122D;
  --c-muted-3: #2B0C17;
  --c-muted-4: #230806;
  --c-muted-5: #7098FF;
  --c-muted-6: #3D3BA9;
  --c-muted-7: #25154C;
  --c-muted-8: #1A0F34;
  --c-muted-9: #0B0818;
}

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

Ця приглушена палітра з 9 кольорів охоплює діапазон від Punch Out Glove (#7098FF), найсвітлішого тону, до Not Tonight (#0B0818), найтемнішого. Вона об'єднує Obsidian Orchid, Cultist Robe, Dark Danger, Root Brew, Punch Out Glove, Purple Cabbage, Silent Orbit, Midnight Monarch та Not Tonight в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #7098FF на #0B0818 (7,18:1).

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

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

Obsidian Orchid #3A1D4E
RGB
rgb(58, 29, 78)
HSL
hsl(276, 46%, 21%)
Яскравість
0,023
Cultist Robe #34122D
RGB
rgb(52, 18, 45)
HSL
hsl(312, 49%, 14%)
Яскравість
0,014
Dark Danger #2B0C17
RGB
rgb(43, 12, 23)
HSL
hsl(339, 56%, 11%)
Яскравість
0,008
Root Brew #230806
RGB
rgb(35, 8, 6)
HSL
hsl(4, 71%, 8%)
Яскравість
0,005
Punch Out Glove #7098FF
RGB
rgb(112, 152, 255)
HSL
hsl(223, 100%, 72%)
Яскравість
0,331
Purple Cabbage #3D3BA9
RGB
rgb(61, 59, 169)
HSL
hsl(241, 48%, 45%)
Яскравість
0,070
Silent Orbit #25154C
RGB
rgb(37, 21, 76)
HSL
hsl(257, 57%, 19%)
Яскравість
0,015
Midnight Monarch #1A0F34
RGB
rgb(26, 15, 52)
HSL
hsl(258, 55%, 13%)
Яскравість
0,008
Not Tonight #0B0818
RGB
rgb(11, 8, 24)
HSL
hsl(251, 50%, 6%)
Яскравість
0,003

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

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

Aa #7098FF на #0B0818 7,18:1 AAA
Aa #230806 на #7098FF 6,88:1 AA
Aa #7098FF на #1A0F34 6,56:1 AA
Aa #2B0C17 на #7098FF 6,53:1 AA
Aa #34122D на #7098FF 6,00:1 AA
Aa #7098FF на #25154C 5,91:1 AA
Aa #3A1D4E на #7098FF 5,20:1 AA
Aa #7098FF на #3D3BA9 3,18:1 AA, великий текст
Aa #3D3BA9 на #0B0818 2,26:1 Не проходить
Aa #230806 на #3D3BA9 2,16:1 Не проходить
Aa #3D3BA9 на #1A0F34 2,06:1 Не проходить
Aa #2B0C17 на #3D3BA9 2,05:1 Не проходить
Aa #34122D на #3D3BA9 1,89:1 Не проходить
Aa #3D3BA9 на #25154C 1,86:1 Не проходить
Aa #3A1D4E на #3D3BA9 1,64:1 Не проходить
Aa #3A1D4E на #0B0818 1,38:1 Не проходить
Aa #3A1D4E на #230806 1,32:1 Не проходить
Aa #3A1D4E на #2B0C17 1,26:1 Не проходить
Aa #3A1D4E на #1A0F34 1,26:1 Не проходить
Aa #25154C на #0B0818 1,21:1 Не проходить
Aa #34122D на #0B0818 1,20:1 Не проходить
Aa #230806 на #25154C 1,16:1 Не проходить
Aa #3A1D4E на #34122D 1,15:1 Не проходить
Aa #34122D на #230806 1,15:1 Не проходить
Aa #3A1D4E на #25154C 1,14:1 Не проходить
Aa #2B0C17 на #25154C 1,11:1 Не проходить
Aa #25154C на #1A0F34 1,11:1 Не проходить
Aa #2B0C17 на #0B0818 1,10:1 Не проходить
Aa #34122D на #2B0C17 1,09:1 Не проходить
Aa #34122D на #1A0F34 1,09:1 Не проходить
Aa #1A0F34 на #0B0818 1,09:1 Не проходить
Aa #2B0C17 на #230806 1,05:1 Не проходить
Aa #230806 на #1A0F34 1,05:1 Не проходить
Aa #230806 на #0B0818 1,04:1 Не проходить
Aa #34122D на #25154C 1,02:1 Не проходить
Aa #2B0C17 на #1A0F34 1,01: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 кольори