Создано 07/22/2025 17:04
Data-Driven Design System Colors
- Metric Blue#3a7ca5
- Schema Pink#ff99c8
- UX Signal White#f5f5f5
- Insight Indigo#4b0082
- Process Graphite#2f2f2f
- Label Green#b6f7b1
Палитра содержит светлый, темный цвета. Акцентные цвета Schema Pink #ff99c8 да Label Green #b6f7b1. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #2F2F2F (самый тёмный) до #F5F5F5 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #2F2F2F, #3A7CA5, #4B0082, #B6F7B1, #F5F5F5, #FF99C8
Палитра Data-Driven Design System Colors содержит комбинацию из 6 кодов цветов:
HEX: #3a7ca5, RGB: (58, 124, 165); HEX: #ff99c8, RGB: (255, 153, 200); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #4b0082, RGB: (75, 0, 130); HEX: #2f2f2f, RGB: (47, 47, 47); HEX: #b6f7b1, RGB: (182, 247, 177)
Упрощенная версия цветов палитры
Оттенок steelblue, Тень plum, Тень Черный, Тень palegreen
Цветовая схема создана автором colorslib
Коды цветов в палитре
Data-Driven Design System Colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #3a7ca5 | #3a7ca5 | RGB(58, 124, 165) | Metric Blue | — |
| #ff99c8 | #ff99c8 | RGB(255, 153, 200) | Schema Pink | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | UX Signal White | White Smoke |
| #4b0082 | #4b0082 | RGB(75, 0, 130) | Insight Indigo | Indigo |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Process Graphite | — |
| #b6f7b1 | #b6f7b1 | RGB(182, 247, 177) | Label Green | — |
Контраст палитры цветов
4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ff99c8 | #f5f5f5 | 1.8 |
#ff99c8 | #b6f7b1 | 1.59 |
#f5f5f5 | #b6f7b1 | 1.13 |
#4b0082 | #2f2f2f | 1.03 |
Изображение палитры Data-Driven Design System Colors png
Экспорт палитры
Скачайте "Data-Driven Design System Colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: