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

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

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

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

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

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

Редагувати

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

Вподобання 3 741

Кольори 4

CSS-змінні

:root {
  --c-vibrant-1: #01005E;
  --c-vibrant-2: #22267B;
  --c-vibrant-3: #28518A;
  --c-vibrant-4: #17B794;
}

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

Ця яскрава палітра з 4 кольорів охоплює діапазон від Aloha (#17B794), найсвітлішого тону, до Abyssal Blue (#01005E), найтемнішого. Вона об'єднує Abyssal Blue, St. Patrick’s Blue, Blue Nude та Aloha в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #01005E на #17B794 (7,08:1).

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

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

Abyssal Blue #01005E

RGB: rgb(1, 0, 94)
HSL: hsl(241, 100%, 18%)
Яскравість: 0,008

St. Patrick’s Blue #22267B

RGB: rgb(34, 38, 123)
HSL: hsl(237, 57%, 31%)
Яскравість: 0,032

Blue Nude #28518A

RGB: rgb(40, 81, 138)
HSL: hsl(215, 55%, 35%)
Яскравість: 0,082

Aloha #17B794

RGB: rgb(23, 183, 148)
HSL: hsl(167, 78%, 40%)
Яскравість: 0,362

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

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

Aa #01005E на #17B794 7,08:1 AAA

Aa #22267B на #17B794 5,05:1 AA

Aa #28518A на #17B794 3,13:1 AA, великий текст

Aa #01005E на #28518A 2,27:1 Не проходить

Aa #22267B на #28518A 1,61:1 Не проходить

Aa #01005E на #22267B 1,40: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 кольори

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