Створено 11/25/2022 14:50
Ux product design system colors palette
- Guppie Green#08fc7c
- Magic Mint#a1e8dc
- Salem#176a58
- Slate Gray#778090
- Gray (X11)#bcbcc3
- American Blue#3c4464
Палітра містить світлий, напівтемний кольори. Акцентні кольори Guppie Green #08fc7c та Salem #176a58. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #176A58 (найтемніший) до #A1E8DC (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Відтінки лежать у сусідній смузі на колі (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #08FC7C, #176A58, #3C4464, #778090, #A1E8DC, #BCBCC3
Палітра Ux product design system colors palette містить комбінацію з 6 кодів кольорів :
HEX: #08fc7c, RGB: (8, 252, 124); HEX: #a1e8dc, RGB: (161, 232, 220); HEX: #176a58, RGB: (23, 106, 88)
HEX: #778090, RGB: (119, 128, 144); HEX: #bcbcc3, RGB: (188, 188, 195); HEX: #3c4464, RGB: (60, 68, 100)
Спрощений варіант палітри кольорів
Відтінок springgreen, Відтінок paleturquoise, Відтінок Блакитний, Відтінок slategrey, Відтінок Срібний, Відтінок darkslateblue
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Ux product design system colors palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #08fc7c | #08fc7c | RGB(8, 252, 124) | Guppie Green | — |
| #a1e8dc | #a1e8dc | RGB(161, 232, 220) | Magic Mint | — |
| #176a58 | #176a58 | RGB(23, 106, 88) | Salem | — |
| #778090 | #778090 | RGB(119, 128, 144) | Slate Gray | — |
| #bcbcc3 | #bcbcc3 | RGB(188, 188, 195) | Gray (X11) | — |
| #3c4464 | #3c4464 | RGB(60, 68, 100) | American Blue | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#08fc7c | #a1e8dc | 1 |
#08fc7c | #bcbcc3 | 1.36 |
#a1e8dc | #bcbcc3 | 1.35 |
#176a58 | #778090 | 1.62 |
#176a58 | #3c4464 | 1.47 |
Зображення палітри Ux product design system colors palette png
Експортувати палітру
Завантажте "Ux product design system colors palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: