Реєстрація Реєстрація
TY Never Found 7

TY Never Found 7

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

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

TY Never Found 7

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

Редагувати
Приглушені 7 кольорів Холодні Темні Комплементарна dark fantasy darkfantasy rpg
Вподобання 13
Кольори 7

CSS-змінні

:root {
  --c-muted-1: #000000;
  --c-muted-2: #141F15;
  --c-muted-3: #28283F;
  --c-muted-4: #36421B;
  --c-muted-5: #474744;
  --c-muted-6: #7D7F52;
  --c-muted-7: #AFAF93;
}

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

Ця приглушена палітра з 7 кольорів охоплює діапазон від Olive Sprig (#AFAF93), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Nightmare, Valhalla, Ceylanite, Brattle Spruce, Calliste Green та Olive Sprig в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #000000 на #AFAF93 (9,38:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Nightmare #141F15
RGB
rgb(20, 31, 21)
HSL
hsl(125, 22%, 10%)
Яскравість
0,012
Valhalla #28283F
RGB
rgb(40, 40, 63)
HSL
hsl(240, 22%, 20%)
Яскравість
0,023
Ceylanite #36421B
RGB
rgb(54, 66, 27)
HSL
hsl(78, 42%, 18%)
Яскравість
0,048
Brattle Spruce #474744
RGB
rgb(71, 71, 68)
HSL
hsl(60, 2%, 27%)
Яскравість
0,063
Calliste Green #7D7F52
RGB
rgb(125, 127, 82)
HSL
hsl(63, 22%, 41%)
Яскравість
0,202
Olive Sprig #AFAF93
RGB
rgb(175, 175, 147)
HSL
hsl(60, 15%, 63%)
Яскравість
0,419

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

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

Aa #000000 на #AFAF93 9,38:1 AAA
Aa #141F15 на #AFAF93 7,58:1 AAA
Aa #28283F на #AFAF93 6,40:1 AA
Aa #000000 на #7D7F52 5,03:1 AA
Aa #36421B на #AFAF93 4,80:1 AA
Aa #474744 на #AFAF93 4,16:1 AA, великий текст
Aa #141F15 на #7D7F52 4,07:1 AA, великий текст
Aa #28283F на #7D7F52 3,43:1 AA, великий текст
Aa #36421B на #7D7F52 2,58:1 Не проходить
Aa #000000 на #474744 2,25:1 Не проходить
Aa #474744 на #7D7F52 2,23:1 Не проходить
Aa #000000 на #36421B 1,95:1 Не проходить
Aa #7D7F52 на #AFAF93 1,86:1 Не проходить
Aa #141F15 на #474744 1,82:1 Не проходить
Aa #141F15 на #36421B 1,58:1 Не проходить
Aa #28283F на #474744 1,54:1 Не проходить
Aa #000000 на #28283F 1,47:1 Не проходить
Aa #28283F на #36421B 1,33:1 Не проходить
Aa #000000 на #141F15 1,24:1 Не проходить
Aa #141F15 на #28283F 1,19:1 Не проходить
Aa #36421B на #474744 1,15: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 кольори