Головна Колірні палітри Палітра «Lights at Sea» з 4 кольорів

Палітра «Lights at Sea» з 4 кольорів

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

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

Палітра «Lights at Sea» з 4 кольорів

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

Редагувати

Яскраві 4 кольори Холодні Темні Монохромна

Вподобання 2 442

Кольори 4

CSS-змінні

:root {
  --c-vibrant-1: #66E1B4;
  --c-vibrant-2: #006159;
  --c-vibrant-3: #00796F;
  --c-vibrant-4: #009589;
}

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

Ця яскрава палітра з 4 кольорів охоплює діапазон від Ocean in a Bowl (#66E1B4), найсвітлішого тону, до Mosque (#006159), найтемнішого. Вона об'єднує Ocean in a Bowl, Mosque, Pond Moss та Lights at Sea в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #66E1B4 на #006159 (4,55:1).

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

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

Ocean in a Bowl #66E1B4

RGB: rgb(102, 225, 180)
HSL: hsl(158, 67%, 64%)
Яскравість: 0,600

Mosque #006159

RGB: rgb(0, 97, 89)
HSL: hsl(175, 100%, 19%)
Яскравість: 0,093

Pond Moss #00796F

RGB: rgb(0, 121, 111)
HSL: hsl(175, 100%, 24%)
Яскравість: 0,148

Lights at Sea #009589

RGB: rgb(0, 149, 137)
HSL: hsl(175, 100%, 29%)
Яскравість: 0,233

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

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

Aa #66E1B4 на #006159 4,55:1 AA

Aa #66E1B4 на #00796F 3,28:1 AA, великий текст

Aa #66E1B4 на #009589 2,30:1 Не проходить

Aa #006159 на #009589 1,98:1 Не проходить

Aa #00796F на #009589 1,43:1 Не проходить

Aa #006159 на #00796F 1,39: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 кольори

Палітра «Lights at Sea» з 4 кольорів