Data Visualization UX System
- Bar Graph Cyan#5ce1e6
- Line Plot Magenta#f970a9
- Axis Grey#dddddd
- Chart White#fdfdfd
- Insight Yellow#fff59d
- Heatmap Ink#2e2e2e
Створено 07/24/2025 13:31
Палітра містить світлий, темний кольори. Акцентні кольори Bar Graph Cyan #5ce1e6 та Insight Yellow #fff59d. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2E2E2E (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 3 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік теплого (2 із 6).
HEX-коди (відсортовано): #2E2E2E, #5CE1E6, #DDDDDD, #F970A9, #FDFDFD, #FFF59D
Палітра Data Visualization UX System містить комбінацію з 6 кодів кольорів :
HEX: #5ce1e6, RGB: (92, 225, 230); HEX: #f970a9, RGB: (249, 112, 169); HEX: #dddddd, RGB: (221, 221, 221)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #fff59d, RGB: (255, 245, 157); HEX: #2e2e2e, RGB: (46, 46, 46)
Спрощений варіант палітри кольорів
Світлий відтінок Помірно-бірюзовий, Світлий відтінок Яскраво-рожевий, Світлий відтінок Ґейнсборо, Темний відтінок Білий, Світлий відтінок Хакі, Світлий відтінок Чорний
Кольорова схема створена автором hex
Коди кольорів у палітрі
Data Visualization UX System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #5ce1e6 | #5ce1e6 | RGB(92, 225, 230) | Bar Graph Cyan | — |
| #f970a9 | #f970a9 | RGB(249, 112, 169) | Line Plot Magenta | — |
| #dddddd | #dddddd | RGB(221, 221, 221) | Axis Grey | Steam |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Chart White | Brilliance |
| #fff59d | #fff59d | RGB(255, 245, 157) | Insight Yellow | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Heatmap Ink | Carbon Fiber |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#5ce1e6 | #f970a9 | 1.68 |
#5ce1e6 | #dddddd | 1.15 |
#5ce1e6 | #fdfdfd | 1.54 |
#5ce1e6 | #fff59d | 1.4 |
#f970a9 | #dddddd | 1.95 |
#dddddd | #fdfdfd | 1.33 |
Палітра із зображення Data Visualization UX System png
Експортувати палітру
Завантажте "Data Visualization UX System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати:
