Реєстрація Реєстрація
Storms And Cyan

Storms And Cyan

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

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

Storms And Cyan

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

Редагувати
Приглушені 8 кольорів Холодні Темні Аналогова warm blue cyan cool
Вподобання 46
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #00000E;
  --c-muted-2: #001933;
  --c-muted-3: #003F51;
  --c-muted-4: #007F8E;
  --c-muted-5: #00AEB8;
  --c-muted-6: #00BEBC;
  --c-muted-7: #00CDC9;
  --c-muted-8: #00FDFF;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від Fluorescent Turquoise (#00FDFF), найсвітлішого тону, до Benthic Black (#00000E), найтемнішого. Вона об'єднує Benthic Black, Oxford by Night, Crab Nebula, Island Lush, Deep Turquoise, Cyan Sky, Tilla Kari Mosque та Fluorescent Turquoise в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #00000E на #00FDFF (16,39:1).

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

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

Benthic Black #00000E
RGB
rgb(0, 0, 14)
HSL
hsl(240, 100%, 3%)
Яскравість
0,000
Oxford by Night #001933
RGB
rgb(0, 25, 51)
HSL
hsl(211, 100%, 10%)
Яскравість
0,009
Crab Nebula #003F51
RGB
rgb(0, 63, 81)
HSL
hsl(193, 100%, 16%)
Яскравість
0,042
Island Lush #007F8E
RGB
rgb(0, 127, 142)
HSL
hsl(186, 100%, 28%)
Яскравість
0,171
Deep Turquoise #00AEB8
RGB
rgb(0, 174, 184)
HSL
hsl(183, 100%, 36%)
Яскравість
0,337
Cyan Sky #00BEBC
RGB
rgb(0, 190, 188)
HSL
hsl(179, 100%, 37%)
Яскравість
0,405
Tilla Kari Mosque #00CDC9
RGB
rgb(0, 205, 201)
HSL
hsl(179, 100%, 40%)
Яскравість
0,479
Fluorescent Turquoise #00FDFF
RGB
rgb(0, 253, 255)
HSL
hsl(180, 100%, 50%)
Яскравість
0,775

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

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

Aa #00000E на #00FDFF 16,39:1 AAA
Aa #001933 на #00FDFF 13,90:1 AAA
Aa #00000E на #00CDC9 10,51:1 AAA
Aa #00000E на #00BEBC 9,03:1 AAA
Aa #003F51 на #00FDFF 9,01:1 AAA
Aa #001933 на #00CDC9 8,91:1 AAA
Aa #00000E на #00AEB8 7,70:1 AAA
Aa #001933 на #00BEBC 7,66:1 AAA
Aa #001933 на #00AEB8 6,53:1 AA
Aa #003F51 на #00CDC9 5,78:1 AA
Aa #003F51 на #00BEBC 4,97:1 AA
Aa #00000E на #007F8E 4,40:1 AA, великий текст
Aa #003F51 на #00AEB8 4,23:1 AA, великий текст
Aa #001933 на #007F8E 3,73:1 AA, великий текст
Aa #007F8E на #00FDFF 3,73:1 AA, великий текст
Aa #003F51 на #007F8E 2,42:1 Не проходить
Aa #007F8E на #00CDC9 2,39:1 Не проходить
Aa #00AEB8 на #00FDFF 2,13:1 Не проходить
Aa #007F8E на #00BEBC 2,05:1 Не проходить
Aa #00000E на #003F51 1,82:1 Не проходить
Aa #00BEBC на #00FDFF 1,81:1 Не проходить
Aa #007F8E на #00AEB8 1,75:1 Не проходить
Aa #00CDC9 на #00FDFF 1,56:1 Не проходить
Aa #001933 на #003F51 1,54:1 Не проходить
Aa #00AEB8 на #00CDC9 1,37:1 Не проходить
Aa #00000E на #001933 1,18:1 Не проходить
Aa #00AEB8 на #00BEBC 1,17:1 Не проходить
Aa #00BEBC на #00CDC9 1,16: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 кольори