Створено 07/21/2025 12:42
Semantic UX Story Flowchart
- Storyboard Cream#f8f1e7
- Userpath Indigo#5e60ce
- Wireframe Mint#cfffe5
- Sprint Marigold#ffbc42
- Backlog Coral#ff7c7c
- Persona Blue#1e88e5
- Feature Fog#f2f2f2
Палітра містить світлий кольори. Акцентні кольори Wireframe Mint #cfffe5 та Backlog Coral #ff7c7c. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #1E88E5 (найтемніший) до #F2F2F2 (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1E88E5, #5E60CE, #CFFFE5, #F2F2F2, #F8F1E7, #FF7C7C, #FFBC42
Палітра Semantic UX Story Flowchart містить комбінацію з 7 кодів кольорів :
HEX: #f8f1e7, RGB: (248, 241, 231); HEX: #5e60ce, RGB: (94, 96, 206); HEX: #cfffe5, RGB: (207, 255, 229)
HEX: #ffbc42, RGB: (255, 188, 66); HEX: #ff7c7c, RGB: (255, 124, 124); HEX: #1e88e5, RGB: (30, 136, 229)
HEX: #f2f2f2, RGB: (242, 242, 242)
Спрощений варіант палітри кольорів
Відтінок linen, Відтінок slateblue, Відтінок honeydew, Відтінок Помаранчевий, Відтінок lightcoral, Відтінок dodgerblue, Відтінок whitesmoke
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Semantic UX Story Flowchart коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f8f1e7 | #f8f1e7 | RGB(248, 241, 231) | Storyboard Cream | — |
| #5e60ce | #5e60ce | RGB(94, 96, 206) | Userpath Indigo | — |
| #cfffe5 | #cfffe5 | RGB(207, 255, 229) | Wireframe Mint | — |
| #ffbc42 | #ffbc42 | RGB(255, 188, 66) | Sprint Marigold | — |
| #ff7c7c | #ff7c7c | RGB(255, 124, 124) | Backlog Coral | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Persona Blue | — |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Feature Fog | Gray95 |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f8f1e7 | #cfffe5 | 1.01 |
#f8f1e7 | #ffbc42 | 1.49 |
#f8f1e7 | #f2f2f2 | 1 |
#5e60ce | #1e88e5 | 1.41 |
#cfffe5 | #ffbc42 | 1.52 |
#cfffe5 | #f2f2f2 | 1.01 |
Зображення палітри Semantic UX Story Flowchart png
Експортувати палітру
Завантажте "Semantic UX Story Flowchart" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: