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