Loading...
Створено 05/27/2025 21:53
Industrial UX Stack
- Steel Black#111418
- Neon Copper#f96e46
- Grid Gray#676f78
- Concrete White#f2f2f2
- Mechanical Teal#5cc9c1
- Signal Red#f54768
Палітра містить темний, світлий кольори. Акцентні кольори Neon Copper #f96e46 та Mechanical Teal #5cc9c1. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.
За світлістю палітра сягає від #111418 (найтемніший) до #F2F2F2 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #111418, #5CC9C1, #676F78, #F2F2F2, #F54768, #F96E46
Палітра Industrial UX Stack містить комбінацію з 6 кодів кольорів :
HEX: #111418, RGB: (17, 20, 24); HEX: #f96e46, RGB: (249, 110, 70); HEX: #676f78, RGB: (103, 111, 120)
HEX: #f2f2f2, RGB: (242, 242, 242); HEX: #5cc9c1, RGB: (92, 201, 193); HEX: #f54768, RGB: (245, 71, 104)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок tomato, Відтінок dimgrey, Відтінок whitesmoke, Відтінок mediumturquoise, Відтінок indianred
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Industrial UX Stack коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #111418 | #111418 | RGB(17, 20, 24) | Steel Black | — |
| #f96e46 | #f96e46 | RGB(249, 110, 70) | Neon Copper | — |
| #676f78 | #676f78 | RGB(103, 111, 120) | Grid Gray | — |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Concrete White | Gray95 |
| #5cc9c1 | #5cc9c1 | RGB(92, 201, 193) | Mechanical Teal | — |
| #f54768 | #f54768 | RGB(245, 71, 104) | Signal Red | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f96e46 | #676f78 | 1.78 |
#f96e46 | #5cc9c1 | 1.44 |
#f96e46 | #f54768 | 1.22 |
#676f78 | #f54768 | 1.45 |
#f2f2f2 | #5cc9c1 | 1.77 |
#5cc9c1 | #f54768 | 1.76 |
Зображення палітри Industrial UX Stack png
Експортувати палітру
Завантажте "Industrial UX Stack" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: