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

Escape9

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

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

Escape9

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

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

CSS-змінні

:root {
  --c-muted-1: #230019;
  --c-muted-2: #1F2439;
  --c-muted-3: #19374B;
  --c-muted-4: #396D7D;
  --c-muted-5: #719797;
  --c-muted-6: #A2B8B1;
  --c-muted-7: #557B78;
  --c-muted-8: #3C5F66;
  --c-muted-9: #254351;
}

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

Ця приглушена палітра з 9 кольорів охоплює діапазон від Holly Glen (#A2B8B1), найсвітлішого тону, до Belladonna (#230019), найтемнішого. Вона об'єднує Belladonna, Midnight Express, Subterranean River, Kimberley Sea, Ship Shape, Holly Glen, Breaker Bay, Freedom та Reflecting Pond в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #230019 на #A2B8B1 (9,24:1).

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

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

Belladonna #230019
RGB
rgb(35, 0, 25)
HSL
hsl(317, 100%, 7%)
Яскравість
0,004
Midnight Express #1F2439
RGB
rgb(31, 36, 57)
HSL
hsl(228, 30%, 17%)
Яскравість
0,019
Subterranean River #19374B
RGB
rgb(25, 55, 75)
HSL
hsl(204, 50%, 20%)
Яскравість
0,035
Kimberley Sea #396D7D
RGB
rgb(57, 109, 125)
HSL
hsl(194, 37%, 36%)
Яскравість
0,133
Ship Shape #719797
RGB
rgb(113, 151, 151)
HSL
hsl(180, 15%, 52%)
Яскравість
0,279
Holly Glen #A2B8B1
RGB
rgb(162, 184, 177)
HSL
hsl(161, 13%, 68%)
Яскравість
0,451
Breaker Bay #557B78
RGB
rgb(85, 123, 120)
HSL
hsl(175, 18%, 41%)
Яскравість
0,175
Freedom #3C5F66
RGB
rgb(60, 95, 102)
HSL
hsl(190, 26%, 32%)
Яскравість
0,101
Reflecting Pond #254351
RGB
rgb(37, 67, 81)
HSL
hsl(199, 37%, 23%)
Яскравість
0,050

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

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

Aa #230019 на #A2B8B1 9,24:1 AAA
Aa #1F2439 на #A2B8B1 7,32:1 AAA
Aa #230019 на #719797 6,06:1 AA
Aa #19374B на #A2B8B1 5,94:1 AA
Aa #A2B8B1 на #254351 5,01:1 AA
Aa #1F2439 на #719797 4,80:1 AA
Aa #230019 на #557B78 4,14:1 AA, великий текст
Aa #19374B на #719797 3,89:1 AA, великий текст
Aa #230019 на #396D7D 3,37:1 AA, великий текст
Aa #A2B8B1 на #3C5F66 3,32:1 AA, великий текст
Aa #719797 на #254351 3,29:1 AA, великий текст
Aa #1F2439 на #557B78 3,28:1 AA, великий текст
Aa #230019 на #3C5F66 2,78:1 Не проходить
Aa #396D7D на #A2B8B1 2,74:1 Не проходить
Aa #1F2439 на #396D7D 2,67:1 Не проходить
Aa #19374B на #557B78 2,66:1 Не проходить
Aa #557B78 на #254351 2,24:1 Не проходить
Aa #A2B8B1 на #557B78 2,23:1 Не проходить
Aa #1F2439 на #3C5F66 2,21:1 Не проходить
Aa #719797 на #3C5F66 2,18:1 Не проходить
Aa #19374B на #396D7D 2,16:1 Не проходить
Aa #230019 на #254351 1,84:1 Не проходить
Aa #396D7D на #254351 1,83:1 Не проходить
Aa #396D7D на #719797 1,80:1 Не проходить
Aa #19374B на #3C5F66 1,79:1 Не проходить
Aa #230019 на #19374B 1,56:1 Не проходить
Aa #719797 на #A2B8B1 1,52:1 Не проходить
Aa #3C5F66 на #254351 1,51:1 Не проходить
Aa #557B78 на #3C5F66 1,49:1 Не проходить
Aa #1F2439 на #254351 1,46:1 Не проходить
Aa #719797 на #557B78 1,46:1 Не проходить
Aa #230019 на #1F2439 1,26:1 Не проходить
Aa #1F2439 на #19374B 1,23:1 Не проходить
Aa #396D7D на #557B78 1,23:1 Не проходить
Aa #396D7D на #3C5F66 1,21:1 Не проходить
Aa #19374B на #254351 1,18: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 кольори