Створено 07/04/2025 10:08
Story Mapping UI Framework
- Narrative Lilac#e6d6ff
- Persona Yellow#fdeb7b
- Task Teal#8ae9d1
- Flowchart Fog#ededed
- Priority Ink#222222
- Milestone Magenta#ff6bae
Палітра містить світлий, темний кольори. Акцентні кольори Narrative Lilac #e6d6ff та Persona Yellow #fdeb7b. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #222222 (найтемніший) до #EDEDED (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #222222, #8AE9D1, #E6D6FF, #EDEDED, #FDEB7B, #FF6BAE
Палітра Story Mapping UI Framework містить комбінацію з 6 кодів кольорів :
HEX: #e6d6ff, RGB: (230, 214, 255); HEX: #fdeb7b, RGB: (253, 235, 123); HEX: #8ae9d1, RGB: (138, 233, 209)
HEX: #ededed, RGB: (237, 237, 237); HEX: #222222, RGB: (34, 34, 34); HEX: #ff6bae, RGB: (255, 107, 174)
Спрощений варіант палітри кольорів
Відтінок thistle, Відтінок хакі, Відтінок turquoise, Відтінок whitesmoke, Відтінок Чорний, Відтінок hotpink
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Story Mapping UI Framework коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #e6d6ff | #e6d6ff | RGB(230, 214, 255) | Narrative Lilac | — |
| #fdeb7b | #fdeb7b | RGB(253, 235, 123) | Persona Yellow | — |
| #8ae9d1 | #8ae9d1 | RGB(138, 233, 209) | Task Teal | — |
| #ededed | #ededed | RGB(237, 237, 237) | Flowchart Fog | White Edgar |
| #222222 | #222222 | RGB(34, 34, 34) | Priority Ink | Black Out |
| #ff6bae | #ff6bae | RGB(255, 107, 174) | Milestone Magenta | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#e6d6ff | #fdeb7b | 1.12 |
#e6d6ff | #8ae9d1 | 1.05 |
#e6d6ff | #ededed | 1.16 |
#e6d6ff | #ff6bae | 1.93 |
#fdeb7b | #8ae9d1 | 1.18 |
#fdeb7b | #ededed | 1.03 |
Зображення палітри Story Mapping UI Framework png
Експортувати палітру
Завантажте "Story Mapping UI Framework" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: