Створено 06/20/2025 16:54
DevOps Web UI Monitoring Kit
- Pipeline Blue#2196f3
- Container Black#1c1c1c
- Logfile White#f7f7f7
- Metric Yellow#fde047
- Trigger Red#ff6b6b
- Deploy Mint#a0e7d7
Палітра містить світлий, темний кольори. Акцентні кольори Pipeline Blue #2196f3 та Trigger Red #ff6b6b. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #1C1C1C (найтемніший) до #F7F7F7 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #1C1C1C, #2196F3, #A0E7D7, #F7F7F7, #FDE047, #FF6B6B
Палітра DevOps Web UI Monitoring Kit містить комбінацію з 6 кодів кольорів :
HEX: #2196f3, RGB: (33, 150, 243); HEX: #1c1c1c, RGB: (28, 28, 28); HEX: #f7f7f7, RGB: (247, 247, 247)
HEX: #fde047, RGB: (253, 224, 71); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #a0e7d7, RGB: (160, 231, 215)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок Чорний, Відтінок whitesmoke, Відтінок gold, Відтінок salmon, Відтінок paleturquoise
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
DevOps Web UI Monitoring Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Pipeline Blue | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Container Black | Gray11 |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Logfile White | Lynx White |
| #fde047 | #fde047 | RGB(253, 224, 71) | Metric Yellow | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Trigger Red | — |
| #a0e7d7 | #a0e7d7 | RGB(160, 231, 215) | Deploy Mint | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2196f3 | #ff6b6b | 1.12 |
#f7f7f7 | #fde047 | 1.23 |
#f7f7f7 | #a0e7d7 | 1.31 |
#fde047 | #a0e7d7 | 1.06 |
#ff6b6b | #a0e7d7 | 1.96 |
Зображення палітри DevOps Web UI Monitoring Kit png
Експортувати палітру
Завантажте "DevOps Web UI Monitoring Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: