Реєстрація Реєстрація
Палітра «Stegadon Scale Green» з 4 кольорів

Палітра «Stegadon Scale Green» з 4 кольорів

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

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

Палітра «Stegadon Scale Green» з 4 кольорів

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

Редагувати
Приглушені 4 кольори Холодні Темні Комплементарна
Вподобання 10 257
Кольори 4

CSS-змінні

:root {
  --c-muted-1: #041C32;
  --c-muted-2: #04293A;
  --c-muted-3: #064663;
  --c-muted-4: #ECB365;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Ba-Dum Ching! (#ECB365), найсвітлішого тону, до Cyanophobia (#041C32), найтемнішого. Вона об'єднує Cyanophobia, Murky Depths, Stegadon Scale Green та Ba-Dum Ching! в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #041C32 на #ECB365 (9,2:1).

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

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

Cyanophobia #041C32
RGB
rgb(4, 28, 50)
HSL
hsl(209, 85%, 11%)
Яскравість
0,011
Murky Depths #04293A
RGB
rgb(4, 41, 58)
HSL
hsl(199, 87%, 12%)
Яскравість
0,019
Stegadon Scale Green #064663
RGB
rgb(6, 70, 99)
HSL
hsl(199, 89%, 21%)
Яскравість
0,053
Ba-Dum Ching! #ECB365
RGB
rgb(236, 179, 101)
HSL
hsl(35, 78%, 66%)
Яскравість
0,510

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

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

Aa #041C32 на #ECB365 9,20:1 AAA
Aa #04293A на #ECB365 8,10:1 AAA
Aa #064663 на #ECB365 5,43:1 AA
Aa #041C32 на #064663 1,70:1 Не проходить
Aa #04293A на #064663 1,49:1 Не проходить
Aa #041C32 на #04293A 1,14: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 кольори
#261C2C #3E2C41 #5C527F #6E85B2
4 кольори