Реєстрація Реєстрація
Cyclope6

Cyclope6

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

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

Cyclope6

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

Редагувати
Яскраві 6 кольорів Холодні Темні Комплементарна red blue tritanopia complementary
Вподобання 742
Кольори 6

CSS-змінні

:root {
  --c-vibrant-1: #411D31;
  --c-vibrant-2: #631B34;
  --c-vibrant-3: #32535F;
  --c-vibrant-4: #0B8A8F;
  --c-vibrant-5: #0EAF9B;
  --c-vibrant-6: #30E1B9;
}

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

Ця яскрава палітра з 6 кольорів охоплює діапазон від Aquamarine (#30E1B9), найсвітлішого тону, до Blackberry (#411D31), найтемнішого. Вона об'єднує Blackberry, Brown Chocolate, Cold Sea Currents, Duvall, Cozumel та Aquamarine в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 15. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них, найконтрастніша — #411D31 на #30E1B9 (8,72:1).

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

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

Blackberry #411D31
RGB
rgb(65, 29, 49)
HSL
hsl(327, 38%, 18%)
Яскравість
0,022
Brown Chocolate #631B34
RGB
rgb(99, 27, 52)
HSL
hsl(339, 57%, 25%)
Яскравість
0,037
Cold Sea Currents #32535F
RGB
rgb(50, 83, 95)
HSL
hsl(196, 31%, 28%)
Яскравість
0,077
Duvall #0B8A8F
RGB
rgb(11, 138, 143)
HSL
hsl(182, 86%, 30%)
Яскравість
0,202
Cozumel #0EAF9B
RGB
rgb(14, 175, 155)
HSL
hsl(173, 85%, 37%)
Яскравість
0,331
Aquamarine #30E1B9
RGB
rgb(48, 225, 185)
HSL
hsl(166, 75%, 54%)
Яскравість
0,580

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

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

Aa #411D31 на #30E1B9 8,72:1 AAA
Aa #631B34 на #30E1B9 7,25:1 AAA
Aa #411D31 на #0EAF9B 5,28:1 AA
Aa #32535F на #30E1B9 4,96:1 AA
Aa #631B34 на #0EAF9B 4,39:1 AA, великий текст
Aa #411D31 на #0B8A8F 3,49:1 AA, великий текст
Aa #32535F на #0EAF9B 3,00:1 AA, великий текст
Aa #631B34 на #0B8A8F 2,91:1 Не проходить
Aa #0B8A8F на #30E1B9 2,50:1 Не проходить
Aa #32535F на #0B8A8F 1,99:1 Не проходить
Aa #411D31 на #32535F 1,76:1 Не проходить
Aa #0EAF9B на #30E1B9 1,65:1 Не проходить
Aa #0B8A8F на #0EAF9B 1,51:1 Не проходить
Aa #631B34 на #32535F 1,46:1 Не проходить
Aa #411D31 на #631B34 1,20: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 кольори