Створено 07/28/2025 10:56
User Story Journey Blueprint
- Milestone Coral#ff715b
- Step Light#fdfdfd
- Narrative Sky#bce6ff
- Acceptance Lime#c7f464
- Context Navy#1a1c2c
- Goal Yellow#ffe169
- Touchpoint Gray#dddcdc
Палітра містить світлий, темний кольори. Акцентні кольори Narrative Sky #bce6ff та Goal Yellow #ffe169. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #1A1C2C (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 57% кольорів яскраві.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого (3 із 7).
HEX-коди (відсортовано): #1A1C2C, #BCE6FF, #C7F464, #DDDCDC, #FDFDFD, #FF715B, #FFE169
Палітра User Story Journey Blueprint містить комбінацію з 7 кодів кольорів :
HEX: #ff715b, RGB: (255, 113, 91); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #bce6ff, RGB: (188, 230, 255)
HEX: #c7f464, RGB: (199, 244, 100); HEX: #1a1c2c, RGB: (26, 28, 44); HEX: #ffe169, RGB: (255, 225, 105)
HEX: #dddcdc, RGB: (221, 220, 220)
Спрощений варіант палітри кольорів
Відтінок tomato, Відтінок Білий, Відтінок lightblue, Відтінок greenyellow, Відтінок Чорний, Відтінок gold, Відтінок gainsboro
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
User Story Journey Blueprint коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ff715b | #ff715b | RGB(255, 113, 91) | Milestone Coral | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Step Light | Brilliance |
| #bce6ff | #bce6ff | RGB(188, 230, 255) | Narrative Sky | — |
| #c7f464 | #c7f464 | RGB(199, 244, 100) | Acceptance Lime | — |
| #1a1c2c | #1a1c2c | RGB(26, 28, 44) | Context Navy | — |
| #ffe169 | #ffe169 | RGB(255, 225, 105) | Goal Yellow | — |
| #dddcdc | #dddcdc | RGB(221, 220, 220) | Touchpoint Gray | — |
Контраст палітри кольорів
11 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ff715b | #dddcdc | 1.97 |
#fdfdfd | #bce6ff | 1.29 |
#fdfdfd | #c7f464 | 1.24 |
#fdfdfd | #ffe169 | 1.27 |
#fdfdfd | #dddcdc | 1.34 |
#bce6ff | #c7f464 | 1.04 |
Зображення палітри User Story Journey Blueprint png
Експортувати палітру
Завантажте "User Story Journey Blueprint" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: