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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: