UX Journey Mapping Kit
- Step Blue#42a5f5
- Action Orange#ff7043
- Touchpoint Mint#81c784
- Emotion Pink#f48fb1
- Highlight Yellow#fff176
- Background White#ffffff
Створено 08/11/2025 14:41
Палітра містить світлий кольори. Акцентні кольори Step Blue #42a5f5 та Highlight Yellow #fff176. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #42A5F5 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік теплого (3 із 6).
HEX-коди (відсортовано): #42A5F5, #81C784, #F48FB1, #FF7043, #FFF176, #FFFFFF
Палітра UX Journey Mapping Kit містить комбінацію з 6 кодів кольорів :
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #ff7043, RGB: (255, 112, 67); HEX: #81c784, RGB: (129, 199, 132)
HEX: #f48fb1, RGB: (244, 143, 177); HEX: #fff176, RGB: (255, 241, 118); HEX: #ffffff, RGB: (255, 255, 255)
Спрощений варіант палітри кольорів
Світлий відтінок Захисно-синій, Темний відтінок Кораловий, Світлий відтінок Темний морський зелений, Світлий відтінок Блідий фіолетово-червоний, Світлий відтінок Хакі, Білий
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
UX Journey Mapping Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Step Blue | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Action Orange | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Touchpoint Mint | — |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | Emotion Pink | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Highlight Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#42a5f5 | #ff7043 | 1.03 |
#42a5f5 | #81c784 | 1.31 |
#42a5f5 | #f48fb1 | 1.18 |
#ff7043 | #81c784 | 1.36 |
#ff7043 | #f48fb1 | 1.23 |
#81c784 | #f48fb1 | 1.1 |
Палітра із зображення UX Journey Mapping Kit png
Експортувати палітру
Завантажте "UX Journey Mapping Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: