Головна Колірні палітри Палітра «Turquoise Blue» з 4 кольорів

Палітра «Turquoise Blue» з 4 кольорів

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

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

Палітра «Turquoise Blue» з 4 кольорів

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

Редагувати

Приглушені 4 кольори Холодні Темні Аналогова

Вподобання 8 346

Кольори 4

CSS-змінні

:root {
  --c-muted-1: #222831;
  --c-muted-2: #393E46;
  --c-muted-3: #00ADB5;
  --c-muted-4: #00FFF5;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Turquoise Blue (#00FFF5), найсвітлішого тону, до Infinity (#222831), найтемнішого. Вона об'єднує Infinity, Glaucophobia, Bluebird та Turquoise Blue в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #222831 на #00FFF5 (11,74:1).

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

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

Infinity #222831

RGB: rgb(34, 40, 49)
HSL: hsl(216, 18%, 16%)
Яскравість: 0,021

Glaucophobia #393E46

RGB: rgb(57, 62, 70)
HSL: hsl(217, 10%, 25%)
Яскравість: 0,048

Bluebird #00ADB5

RGB: rgb(0, 173, 181)
HSL: hsl(183, 100%, 35%)
Яскравість: 0,332

Turquoise Blue #00FFF5

RGB: rgb(0, 255, 245)
HSL: hsl(178, 100%, 50%)
Яскравість: 0,781

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

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

Aa #222831 на #00FFF5 11,74:1 AAA

Aa #393E46 на #00FFF5 8,52:1 AAA

Aa #222831 на #00ADB5 5,40:1 AA

Aa #393E46 на #00ADB5 3,92:1 AA, великий текст

Aa #00ADB5 на #00FFF5 2,17:1 Не проходить

Aa #222831 на #393E46 1,38: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 кольори

Палітра «Turquoise Blue» з 4 кольорів