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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: