Створено 12/26/2025 12:25
Autonomous Systems Control Panel UI
- Control Black#06080f
- Sensor Blue#1f6ae1
- Actuator Orange#f97316
- Signal Green#22c55e
- Diagnostic Gray#6b7280
- Override White#f8fafc
Палітра містить темний, напівтемний, світлий кольори. Акцентні кольори Sensor Blue #1f6ae1 та Actuator Orange #f97316. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #06080F (найтемніший) до #F8FAFC (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #06080F, #1F6AE1, #22C55E, #6B7280, #F8FAFC, #F97316
Палітра Autonomous Systems Control Panel UI містить комбінацію з 6 кодів кольорів :
HEX: #06080f, RGB: (6, 8, 15); HEX: #1f6ae1, RGB: (31, 106, 225); HEX: #f97316, RGB: (249, 115, 22)
HEX: #22c55e, RGB: (34, 197, 94); HEX: #6b7280, RGB: (107, 114, 128); HEX: #f8fafc, RGB: (248, 250, 252)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок royalblue, Відтінок chocolate, Відтінок limegreen, Відтінок slategrey, Відтінок whitesmoke
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Autonomous Systems Control Panel UI коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #06080f | #06080f | RGB(6, 8, 15) | Control Black | — |
| #1f6ae1 | #1f6ae1 | RGB(31, 106, 225) | Sensor Blue | — |
| #f97316 | #f97316 | RGB(249, 115, 22) | Actuator Orange | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Signal Green | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Diagnostic Gray | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Override White | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#1f6ae1 | #f97316 | 1.78 |
#1f6ae1 | #6b7280 | 1.03 |
#f97316 | #22c55e | 1.23 |
#f97316 | #6b7280 | 1.72 |
Зображення палітри Autonomous Systems Control Panel UI png
Експортувати палітру
Завантажте "Autonomous Systems Control Panel UI" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: