Dark UX Interaction Engine
- Surface Night#1a1a1a
- Click Ripple Blue#3c91e6
- Alert Crimson#ff1e56
- Hover Slate#a1a1aa
- Keyboard Graphite#3a3a3c
- Outline Ice#e0e0e0
Створено 06/08/2025 17:41
Палітра містить темний, світлий, напівтемний кольори. Акцентні кольори Click Ripple Blue #3c91e6 та Alert Crimson #ff1e56. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #1A1A1A (найтемніший) до #E0E0E0 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається переважно приглушеною (низька хрома) — 67% кольорів приглушені.
Більшість кольорів близькі до нейтральних або дуже слабо насичені; зв’язки між відтінками тонкі.
Більшість зразків читаються як нейтральні за температурою (4 із 6).
HEX-коди (відсортовано): #1A1A1A, #3A3A3C, #3C91E6, #A1A1AA, #E0E0E0, #FF1E56
Палітра Dark UX Interaction Engine містить комбінацію з 6 кодів кольорів :
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #3c91e6, RGB: (60, 145, 230); HEX: #ff1e56, RGB: (255, 30, 86)
HEX: #a1a1aa, RGB: (161, 161, 170); HEX: #3a3a3c, RGB: (58, 58, 60); HEX: #e0e0e0, RGB: (224, 224, 224)
Спрощений варіант палітри кольорів
Світлий відтінок Чорний, Світлий відтінок Захисно-синій, Світлий відтінок Малиново-червоний, Темний відтінок Темно-сірий, Темний відтінок Темний сланцево-сірий, Світлий відтінок Ґейнсборо
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Dark UX Interaction Engine коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Surface Night | Gray10 |
| #3c91e6 | #3c91e6 | RGB(60, 145, 230) | Click Ripple Blue | — |
| #ff1e56 | #ff1e56 | RGB(255, 30, 86) | Alert Crimson | — |
| #a1a1aa | #a1a1aa | RGB(161, 161, 170) | Hover Slate | — |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Keyboard Graphite | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Outline Ice | Gray88 |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#1a1a1a | #3a3a3c | 1.53 |
#3c91e6 | #ff1e56 | 1.14 |
#3c91e6 | #a1a1aa | 1.28 |
#ff1e56 | #a1a1aa | 1.47 |
#a1a1aa | #e0e0e0 | 1.94 |
Палітра із зображення Dark UX Interaction Engine png
Експортувати палітру
Завантажте "Dark UX Interaction Engine" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: