Реєстрація Реєстрація
ST 8 Ocean

ST 8 Ocean

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

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

ST 8 Ocean

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

Редагувати
Яскраві 8 кольорів Холодні Темні Аналогова artist ocean water aqua
Вподобання 93
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #040D09;
  --c-vibrant-2: #081A14;
  --c-vibrant-3: #0F332E;
  --c-vibrant-4: #165955;
  --c-vibrant-5: #238C8C;
  --c-vibrant-6: #39BFBF;
  --c-vibrant-7: #5CE5E5;
  --c-vibrant-8: #B2FAFF;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Italian Sky Blue (#B2FAFF), найсвітлішого тону, до Alpine Salamander (#040D09), найтемнішого. Вона об'єднує Alpine Salamander, Black Stallion, Storm Green, Baltic Prince, Fish Story, Maximum Blue Green, Near Moon та Italian Sky Blue в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #040D09 на #B2FAFF (16,89:1).

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

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

Alpine Salamander #040D09
RGB
rgb(4, 13, 9)
HSL
hsl(153, 53%, 3%)
Яскравість
0,003
Black Stallion #081A14
RGB
rgb(8, 26, 20)
HSL
hsl(160, 53%, 7%)
Яскравість
0,008
Storm Green #0F332E
RGB
rgb(15, 51, 46)
HSL
hsl(172, 55%, 13%)
Яскравість
0,027
Baltic Prince #165955
RGB
rgb(22, 89, 85)
HSL
hsl(176, 60%, 22%)
Яскравість
0,080
Fish Story #238C8C
RGB
rgb(35, 140, 140)
HSL
hsl(180, 60%, 34%)
Яскравість
0,210
Maximum Blue Green #39BFBF
RGB
rgb(57, 191, 191)
HSL
hsl(180, 54%, 49%)
Яскравість
0,419
Near Moon #5CE5E5
RGB
rgb(92, 229, 229)
HSL
hsl(180, 72%, 63%)
Яскравість
0,640
Italian Sky Blue #B2FAFF
RGB
rgb(178, 250, 255)
HSL
hsl(184, 100%, 85%)
Яскравість
0,851

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

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

Aa #040D09 на #B2FAFF 16,89:1 AAA
Aa #081A14 на #B2FAFF 15,42:1 AAA
Aa #040D09 на #5CE5E5 12,93:1 AAA
Aa #081A14 на #5CE5E5 11,81:1 AAA
Aa #0F332E на #B2FAFF 11,75:1 AAA
Aa #0F332E на #5CE5E5 9,00:1 AAA
Aa #040D09 на #39BFBF 8,79:1 AAA
Aa #081A14 на #39BFBF 8,03:1 AAA
Aa #165955 на #B2FAFF 6,94:1 AA
Aa #0F332E на #39BFBF 6,12:1 AA
Aa #165955 на #5CE5E5 5,32:1 AA
Aa #040D09 на #238C8C 4,88:1 AA
Aa #081A14 на #238C8C 4,45:1 AA, великий текст
Aa #165955 на #39BFBF 3,62:1 AA, великий текст
Aa #238C8C на #B2FAFF 3,46:1 AA, великий текст
Aa #0F332E на #238C8C 3,39:1 AA, великий текст
Aa #238C8C на #5CE5E5 2,65:1 Не проходить
Aa #040D09 на #165955 2,43:1 Не проходить
Aa #081A14 на #165955 2,22:1 Не проходить
Aa #165955 на #238C8C 2,00:1 Не проходить
Aa #39BFBF на #B2FAFF 1,92:1 Не проходить
Aa #238C8C на #39BFBF 1,80:1 Не проходить
Aa #0F332E на #165955 1,69:1 Не проходить
Aa #39BFBF на #5CE5E5 1,47:1 Не проходить
Aa #040D09 на #0F332E 1,44:1 Не проходить
Aa #081A14 на #0F332E 1,31:1 Не проходить
Aa #5CE5E5 на #B2FAFF 1,31:1 Не проходить
Aa #040D09 на #081A14 1,10: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 кольори