Реєстрація Реєстрація
Cyan Abyss

Cyan Abyss

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

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

Cyan Abyss

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

Редагувати
Приглушені 11 кольорів Холодні Темні Аналогова dark black cyan cave
Вподобання 159
Кольори 11

CSS-змінні

:root {
  --c-muted-1: #06080A;
  --c-muted-2: #080E12;
  --c-muted-3: #09151B;
  --c-muted-4: #081E26;
  --c-muted-5: #052A32;
  --c-muted-6: #184042;
  --c-muted-7: #204C48;
  --c-muted-8: #365C51;
  --c-muted-9: #4E715F;
  --c-muted-10: #809A80;
  --c-muted-11: #9EAF99;
}

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

Ця приглушена палітра з 11 кольорів охоплює діапазон від Garden (#9EAF99), найсвітлішого тону, до Reversed Grey (#06080A), найтемнішого. Вона об'єднує Reversed Grey, Midnight Oil, Midnight Edition, Teal Spill, Daintree, Tiber, Nighthawks, Holly Bush, Green Valley, Dinosaur та Garden в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #06080A на #9EAF99 (8,64:1).

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

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

Reversed Grey #06080A
RGB
rgb(6, 8, 10)
HSL
hsl(210, 25%, 3%)
Яскравість
0,002
Midnight Oil #080E12
RGB
rgb(8, 14, 18)
HSL
hsl(204, 38%, 5%)
Яскравість
0,004
Midnight Edition #09151B
RGB
rgb(9, 21, 27)
HSL
hsl(200, 50%, 7%)
Яскравість
0,007
Teal Spill #081E26
RGB
rgb(8, 30, 38)
HSL
hsl(196, 65%, 9%)
Яскравість
0,011
Daintree #052A32
RGB
rgb(5, 42, 50)
HSL
hsl(191, 82%, 11%)
Яскравість
0,019
Tiber #184042
RGB
rgb(24, 64, 66)
HSL
hsl(183, 47%, 18%)
Яскравість
0,043
Nighthawks #204C48
RGB
rgb(32, 76, 72)
HSL
hsl(175, 41%, 21%)
Яскравість
0,059
Holly Bush #365C51
RGB
rgb(54, 92, 81)
HSL
hsl(163, 26%, 29%)
Яскравість
0,090
Green Valley #4E715F
RGB
rgb(78, 113, 95)
HSL
hsl(149, 18%, 37%)
Яскравість
0,143
Dinosaur #809A80
RGB
rgb(128, 154, 128)
HSL
hsl(120, 11%, 55%)
Яскравість
0,293
Garden #9EAF99
RGB
rgb(158, 175, 153)
HSL
hsl(106, 12%, 64%)
Яскравість
0,402

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

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

Aa #06080A на #9EAF99 8,64:1 AAA
Aa #080E12 на #9EAF99 8,36:1 AAA
Aa #09151B на #9EAF99 7,97:1 AAA
Aa #081E26 на #9EAF99 7,39:1 AAA
Aa #06080A на #809A80 6,55:1 AA
Aa #052A32 на #9EAF99 6,54:1 AA
Aa #080E12 на #809A80 6,33:1 AA
Aa #09151B на #809A80 6,04:1 AA
Aa #081E26 на #809A80 5,60:1 AA
Aa #052A32 на #809A80 4,95:1 AA
Aa #184042 на #9EAF99 4,89:1 AA
Aa #204C48 на #9EAF99 4,13:1 AA, великий текст
Aa #184042 на #809A80 3,70:1 AA, великий текст
Aa #06080A на #4E715F 3,68:1 AA, великий текст
Aa #080E12 на #4E715F 3,56:1 AA, великий текст
Aa #09151B на #4E715F 3,39:1 AA, великий текст
Aa #365C51 на #9EAF99 3,22:1 AA, великий текст
Aa #081E26 на #4E715F 3,15:1 AA, великий текст
Aa #204C48 на #809A80 3,13:1 AA, великий текст
Aa #052A32 на #4E715F 2,78:1 Не проходить
Aa #06080A на #365C51 2,68:1 Не проходить
Aa #080E12 на #365C51 2,59:1 Не проходить
Aa #09151B на #365C51 2,47:1 Не проходить
Aa #365C51 на #809A80 2,44:1 Не проходить
Aa #4E715F на #9EAF99 2,35:1 Не проходить
Aa #081E26 на #365C51 2,29:1 Не проходить
Aa #06080A на #204C48 2,09:1 Не проходить
Aa #184042 на #4E715F 2,08:1 Не проходить
Aa #052A32 на #365C51 2,03:1 Не проходить
Aa #080E12 на #204C48 2,02:1 Не проходить
Aa #09151B на #204C48 1,93:1 Не проходить
Aa #081E26 на #204C48 1,79:1 Не проходить
Aa #4E715F на #809A80 1,78:1 Не проходить
Aa #06080A на #184042 1,77:1 Не проходить
Aa #204C48 на #4E715F 1,76:1 Не проходить
Aa #080E12 на #184042 1,71:1 Не проходить
Aa #09151B на #184042 1,63:1 Не проходить
Aa #052A32 на #204C48 1,58:1 Не проходить
Aa #184042 на #365C51 1,52:1 Не проходить
Aa #081E26 на #184042 1,51:1 Не проходить
Aa #365C51 на #4E715F 1,37:1 Не проходить
Aa #052A32 на #184042 1,34:1 Не проходить
Aa #06080A на #052A32 1,32:1 Не проходить
Aa #809A80 на #9EAF99 1,32:1 Не проходить
Aa #080E12 на #052A32 1,28:1 Не проходить
Aa #204C48 на #365C51 1,28:1 Не проходить
Aa #09151B на #052A32 1,22:1 Не проходить
Aa #184042 на #204C48 1,18:1 Не проходить
Aa #06080A на #081E26 1,17:1 Не проходить
Aa #080E12 на #081E26 1,13:1 Не проходить
Aa #081E26 на #052A32 1,13:1 Не проходить
Aa #06080A на #09151B 1,08:1 Не проходить
Aa #09151B на #081E26 1,08:1 Не проходить
Aa #080E12 на #09151B 1,05:1 Не проходить
Aa #06080A на #080E12 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 кольори