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

GoodBoy

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

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

GoodBoy

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

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

CSS-змінні

:root {
  --c-muted-1: #08C8F0;
  --c-muted-2: #146478;
  --c-muted-3: #0A323C;
  --c-muted-4: #05191E;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Picnic Day Sky (#08C8F0), найсвітлішого тону, до Creeping Death (#05191E), найтемнішого. Вона об'єднує Picnic Day Sky, Blue Enchantment, Firmament Blue та Creeping Death в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #08C8F0 на #05191E (9,04:1).

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

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

Picnic Day Sky #08C8F0
RGB
rgb(8, 200, 240)
HSL
hsl(190, 94%, 49%)
Яскравість
0,477
Blue Enchantment #146478
RGB
rgb(20, 100, 120)
HSL
hsl(192, 71%, 27%)
Яскравість
0,106
Firmament Blue #0A323C
RGB
rgb(10, 50, 60)
HSL
hsl(192, 71%, 14%)
Яскравість
0,027
Creeping Death #05191E
RGB
rgb(5, 25, 30)
HSL
hsl(192, 71%, 7%)
Яскравість
0,008

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

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

Aa #08C8F0 на #05191E 9,04:1 AAA
Aa #08C8F0 на #0A323C 6,86:1 AA
Aa #08C8F0 на #146478 3,37:1 AA, великий текст
Aa #146478 на #05191E 2,68:1 Не проходить
Aa #146478 на #0A323C 2,04:1 Не проходить
Aa #0A323C на #05191E 1,32: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 кольори