Реєстрація Реєстрація
Cyber Punk

Cyber Punk

Палітра з 9 кольорів · Холодні · Змішані · Тріадна гармонія

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

Cyber Punk

Палітра з 9 кольорів · Холодні кольори · Змішані тони · Тріадна гармонія

Редагувати
Приглушені 9 кольорів Холодні Змішані Тріадна
Вподобання 35
Кольори 9

CSS-змінні

:root {
  --c-muted-1: #23232B;
  --c-muted-2: #241A44;
  --c-muted-3: #292A50;
  --c-muted-4: #285B77;
  --c-muted-5: #0B959F;
  --c-muted-6: #06CFCE;
  --c-muted-7: #ECECED;
  --c-muted-8: #D3167C;
  --c-muted-9: #8D155E;
}

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

Ця приглушена палітра з 9 кольорів охоплює діапазон від Coronation (#ECECED), найсвітлішого тону, до Azulado (#241A44), найтемнішого. Вона об'єднує Dark Gunmetal, Azulado, Lucky Point, Nautical Creatures, Peacock Feather, Neon Lagoon, Coronation, Crazy Ex та Bane of Royalty в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #241A44 на #ECECED (13,62:1).

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

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

Dark Gunmetal #23232B
RGB
rgb(35, 35, 43)
HSL
hsl(240, 10%, 15%)
Яскравість
0,017
Azulado #241A44
RGB
rgb(36, 26, 68)
HSL
hsl(254, 45%, 18%)
Яскравість
0,015
Lucky Point #292A50
RGB
rgb(41, 42, 80)
HSL
hsl(238, 32%, 24%)
Яскравість
0,027
Nautical Creatures #285B77
RGB
rgb(40, 91, 119)
HSL
hsl(201, 50%, 31%)
Яскравість
0,093
Peacock Feather #0B959F
RGB
rgb(11, 149, 159)
HSL
hsl(184, 87%, 33%)
Яскравість
0,241
Neon Lagoon #06CFCE
RGB
rgb(6, 207, 206)
HSL
hsl(180, 94%, 42%)
Яскравість
0,491
Coronation #ECECED
RGB
rgb(236, 236, 237)
HSL
hsl(240, 3%, 93%)
Яскравість
0,839
Crazy Ex #D3167C
RGB
rgb(211, 22, 124)
HSL
hsl(328, 81%, 46%)
Яскравість
0,159
Bane of Royalty #8D155E
RGB
rgb(141, 21, 94)
HSL
hsl(324, 74%, 32%)
Яскравість
0,070

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

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

Aa #241A44 на #ECECED 13,62:1 AAA
Aa #23232B на #ECECED 13,21:1 AAA
Aa #292A50 на #ECECED 11,54:1 AAA
Aa #241A44 на #06CFCE 8,29:1 AAA
Aa #23232B на #06CFCE 8,04:1 AAA
Aa #ECECED на #8D155E 7,41:1 AAA
Aa #292A50 на #06CFCE 7,02:1 AAA
Aa #285B77 на #ECECED 6,23:1 AA
Aa #06CFCE на #8D155E 4,51:1 AA
Aa #241A44 на #0B959F 4,45:1 AA, великий текст
Aa #23232B на #0B959F 4,32:1 AA, великий текст
Aa #ECECED на #D3167C 4,26:1 AA, великий текст
Aa #285B77 на #06CFCE 3,79:1 AA, великий текст
Aa #292A50 на #0B959F 3,77:1 AA, великий текст
Aa #241A44 на #D3167C 3,20:1 AA, великий текст
Aa #23232B на #D3167C 3,10:1 AA, великий текст
Aa #0B959F на #ECECED 3,06:1 AA, великий текст
Aa #292A50 на #D3167C 2,71:1 Не проходить
Aa #06CFCE на #D3167C 2,59:1 Не проходить
Aa #0B959F на #8D155E 2,42:1 Не проходить
Aa #241A44 на #285B77 2,18:1 Не проходить
Aa #23232B на #285B77 2,12:1 Не проходить
Aa #285B77 на #0B959F 2,04:1 Не проходить
Aa #0B959F на #06CFCE 1,86:1 Не проходить
Aa #292A50 на #285B77 1,85:1 Не проходить
Aa #241A44 на #8D155E 1,84:1 Не проходить
Aa #23232B на #8D155E 1,78:1 Не проходить
Aa #D3167C на #8D155E 1,74:1 Не проходить
Aa #06CFCE на #ECECED 1,64:1 Не проходить
Aa #292A50 на #8D155E 1,56:1 Не проходить
Aa #285B77 на #D3167C 1,46:1 Не проходить
Aa #0B959F на #D3167C 1,39:1 Не проходить
Aa #285B77 на #8D155E 1,19:1 Не проходить
Aa #241A44 на #292A50 1,18:1 Не проходить
Aa #23232B на #292A50 1,14:1 Не проходить
Aa #23232B на #241A44 1,03:1 Не проходить

Схожі палітри

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори