Создано 07/13/2025 09:29
React DevOps Telemetry UI
- Pipeline Dust#d3d3d3
- Hook Pink#f78fb3
- State Navy#35495e
- Deploy Grey#8e8e8e
- Monitor Blue#3d84a8
- Console Ice#f6f8fa
Палитра содержит светлый цвета. Акцентные цвета Hook Pink #f78fb3 да Monitor Blue #3d84a8. Палитра имеет цветовую температуру Нейтральный, Теплый, Холодный.
По светлоте палитра тянется от #35495E (самый тёмный) до #F6F8FA (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #35495E, #3D84A8, #8E8E8E, #D3D3D3, #F6F8FA, #F78FB3
Палитра React DevOps Telemetry UI содержит комбинацию из 6 кодов цветов:
HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #f78fb3, RGB: (247, 143, 179); HEX: #35495e, RGB: (53, 73, 94)
HEX: #8e8e8e, RGB: (142, 142, 142); HEX: #3d84a8, RGB: (61, 132, 168); HEX: #f6f8fa, RGB: (246, 248, 250)
Упрощенная версия цветов палитры
Тень palevioletred, Оттенок darkslateblue, Тень Серый, Оттенок steelblue, Тень whitesmoke
Цветовая схема создана автором hex
Коды цветов в палитре
React DevOps Telemetry UI коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Pipeline Dust | Pinball |
| #f78fb3 | #f78fb3 | RGB(247, 143, 179) | Hook Pink | — |
| #35495e | #35495e | RGB(53, 73, 94) | State Navy | — |
| #8e8e8e | #8e8e8e | RGB(142, 142, 142) | Deploy Grey | — |
| #3d84a8 | #3d84a8 | RGB(61, 132, 168) | Monitor Blue | — |
| #f6f8fa | #f6f8fa | RGB(246, 248, 250) | Console Ice | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#d3d3d3 | #f78fb3 | 1.47 |
#d3d3d3 | #f6f8fa | 1.4 |
#f78fb3 | #8e8e8e | 1.48 |
#f78fb3 | #3d84a8 | 1.88 |
#8e8e8e | #3d84a8 | 1.26 |
Изображение палитры React DevOps Telemetry UI png
Экспорт палитры
Скачайте "React DevOps Telemetry UI" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: