Реєстрація Реєстрація
TY Blue Seed 7

TY Blue Seed 7

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

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

TY Blue Seed 7

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

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

CSS-змінні

:root {
  --c-muted-1: #C7C7C7;
  --c-muted-2: #748783;
  --c-muted-3: #516856;
  --c-muted-4: #324A4B;
  --c-muted-5: #2C3339;
  --c-muted-6: #25282A;
  --c-muted-7: #141724;
}

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

Ця приглушена палітра з 7 кольорів охоплює діапазон від Paternoster (#C7C7C7), найсвітлішого тону, до River Styx (#141724), найтемнішого. Вона об'єднує Paternoster, Echo Park, Kale Green, Graphite Black Green, Dracula Orchid, Graphite Black та River Styx в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #C7C7C7 на #141724 (10,55:1).

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

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

Paternoster #C7C7C7
RGB
rgb(199, 199, 199)
HSL
hsl(0, 0%, 78%)
Яскравість
0,571
Echo Park #748783
RGB
rgb(116, 135, 131)
HSL
hsl(167, 8%, 49%)
Яскравість
0,227
Kale Green #516856
RGB
rgb(81, 104, 86)
HSL
hsl(133, 12%, 36%)
Яскравість
0,123
Graphite Black Green #324A4B
RGB
rgb(50, 74, 75)
HSL
hsl(182, 20%, 25%)
Яскравість
0,061
Dracula Orchid #2C3339
RGB
rgb(44, 51, 57)
HSL
hsl(208, 13%, 20%)
Яскравість
0,032
Graphite Black #25282A
RGB
rgb(37, 40, 42)
HSL
hsl(204, 6%, 15%)
Яскравість
0,021
River Styx #141724
RGB
rgb(20, 23, 36)
HSL
hsl(229, 29%, 11%)
Яскравість
0,009

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

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

Aa #C7C7C7 на #141724 10,55:1 AAA
Aa #C7C7C7 на #25282A 8,78:1 AAA
Aa #C7C7C7 на #2C3339 7,58:1 AAA
Aa #C7C7C7 на #324A4B 5,60:1 AA
Aa #748783 на #141724 4,70:1 AA
Aa #748783 на #25282A 3,91:1 AA, великий текст
Aa #C7C7C7 на #516856 3,59:1 AA, великий текст
Aa #748783 на #2C3339 3,38:1 AA, великий текст
Aa #516856 на #141724 2,94:1 Не проходить
Aa #748783 на #324A4B 2,50:1 Не проходить
Aa #516856 на #25282A 2,45:1 Не проходить
Aa #C7C7C7 на #748783 2,24:1 Не проходить
Aa #516856 на #2C3339 2,11:1 Не проходить
Aa #324A4B на #141724 1,88:1 Не проходить
Aa #748783 на #516856 1,60:1 Не проходить
Aa #324A4B на #25282A 1,57:1 Не проходить
Aa #516856 на #324A4B 1,56:1 Не проходить
Aa #2C3339 на #141724 1,39:1 Не проходить
Aa #324A4B на #2C3339 1,35:1 Не проходить
Aa #25282A на #141724 1,20:1 Не проходить
Aa #2C3339 на #25282A 1,16: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 кольори