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

Windswept

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

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

Windswept

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

Редагувати
Приглушені 10 кольорів Холодні Темні Монохромна green dark blue cold
Вподобання 56
Кольори 10

CSS-змінні

:root {
  --c-muted-1: #101211;
  --c-muted-2: #171B1C;
  --c-muted-3: #1D2621;
  --c-muted-4: #242B33;
  --c-muted-5: #2F353A;
  --c-muted-6: #2F4349;
  --c-muted-7: #424F53;
  --c-muted-8: #4E615C;
  --c-muted-9: #5F6E62;
  --c-muted-10: #657C6E;
}

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

Ця приглушена палітра з 10 кольорів охоплює діапазон від Atlas Cedar Green (#657C6E), найсвітлішого тону, до Dreamless Sleep (#101211), найтемнішого. Вона об'єднує Dreamless Sleep, Gluon Grey, Shadow Warrior, Sky Captain, Inkwell, Little Mermaid, Lunar Eclipse, Vert Pierre, Windrock та Atlas Cedar Green в один набір, який можна одразу перенести в інтерфейс. Жодна з 45 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Dreamless Sleep #101211
RGB
rgb(16, 18, 17)
HSL
hsl(150, 6%, 7%)
Яскравість
0,006
Gluon Grey #171B1C
RGB
rgb(23, 27, 28)
HSL
hsl(192, 10%, 10%)
Яскравість
0,011
Shadow Warrior #1D2621
RGB
rgb(29, 38, 33)
HSL
hsl(147, 13%, 13%)
Яскравість
0,018
Sky Captain #242B33
RGB
rgb(36, 43, 51)
HSL
hsl(212, 17%, 17%)
Яскравість
0,023
Inkwell #2F353A
RGB
rgb(47, 53, 58)
HSL
hsl(207, 10%, 21%)
Яскравість
0,035
Little Mermaid #2F4349
RGB
rgb(47, 67, 73)
HSL
hsl(194, 22%, 24%)
Яскравість
0,051
Lunar Eclipse #424F53
RGB
rgb(66, 79, 83)
HSL
hsl(194, 11%, 29%)
Яскравість
0,074
Vert Pierre #4E615C
RGB
rgb(78, 97, 92)
HSL
hsl(164, 11%, 34%)
Яскравість
0,109
Windrock #5F6E62
RGB
rgb(95, 110, 98)
HSL
hsl(132, 7%, 40%)
Яскравість
0,145
Atlas Cedar Green #657C6E
RGB
rgb(101, 124, 110)
HSL
hsl(143, 10%, 44%)
Яскравість
0,183

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

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

Aa #101211 на #657C6E 4,17:1 AA, великий текст
Aa #171B1C на #657C6E 3,85:1 AA, великий текст
Aa #101211 на #5F6E62 3,49:1 AA, великий текст
Aa #1D2621 на #657C6E 3,45:1 AA, великий текст
Aa #171B1C на #5F6E62 3,22:1 AA, великий текст
Aa #242B33 на #657C6E 3,17:1 AA, великий текст
Aa #1D2621 на #5F6E62 2,88:1 Не проходить
Aa #101211 на #4E615C 2,86:1 Не проходить
Aa #2F353A на #657C6E 2,76:1 Не проходить
Aa #242B33 на #5F6E62 2,65:1 Не проходить
Aa #171B1C на #4E615C 2,64:1 Не проходить
Aa #1D2621 на #4E615C 2,36:1 Не проходить
Aa #2F4349 на #657C6E 2,31:1 Не проходить
Aa #2F353A на #5F6E62 2,30:1 Не проходить
Aa #101211 на #424F53 2,22:1 Не проходить
Aa #242B33 на #4E615C 2,17:1 Не проходить
Aa #171B1C на #424F53 2,05:1 Не проходить
Aa #2F4349 на #5F6E62 1,93:1 Не проходить
Aa #2F353A на #4E615C 1,89:1 Не проходить
Aa #424F53 на #657C6E 1,88:1 Не проходить
Aa #1D2621 на #424F53 1,83:1 Не проходить
Aa #101211 на #2F4349 1,81:1 Не проходить
Aa #242B33 на #424F53 1,69:1 Не проходить
Aa #171B1C на #2F4349 1,67:1 Не проходить
Aa #2F4349 на #4E615C 1,58:1 Не проходить
Aa #424F53 на #5F6E62 1,57:1 Не проходить
Aa #101211 на #2F353A 1,51:1 Не проходить
Aa #1D2621 на #2F4349 1,49:1 Не проходить
Aa #2F353A на #424F53 1,46:1 Не проходить
Aa #4E615C на #657C6E 1,46:1 Не проходить
Aa #171B1C на #2F353A 1,40:1 Не проходить
Aa #242B33 на #2F4349 1,38:1 Не проходить
Aa #101211 на #242B33 1,31:1 Не проходить
Aa #424F53 на #4E615C 1,29:1 Не проходить
Aa #1D2621 на #2F353A 1,25:1 Не проходить
Aa #2F4349 на #424F53 1,23:1 Не проходить
Aa #4E615C на #5F6E62 1,22:1 Не проходить
Aa #101211 на #1D2621 1,21:1 Не проходить
Aa #171B1C на #242B33 1,21:1 Не проходить
Aa #5F6E62 на #657C6E 1,20:1 Не проходить
Aa #2F353A на #2F4349 1,19:1 Не проходить
Aa #242B33 на #2F353A 1,15:1 Не проходить
Aa #171B1C на #1D2621 1,12:1 Не проходить
Aa #1D2621 на #242B33 1,09:1 Не проходить
Aa #101211 на #171B1C 1,08: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 кольори