創建於 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 程式碼顏色的組合:
十六進位: #f8f1e7, RGB: (248, 241, 231); 十六進位: #5e60ce, RGB: (94, 96, 206); 十六進位: #cfffe5, RGB: (207, 255, 229)
十六進位: #ffbc42, RGB: (255, 188, 66); 十六進位: #ff7c7c, RGB: (255, 124, 124); 十六進位: #1e88e5, RGB: (30, 136, 229)
十六進位: #f2f2f2, RGB: (242, 242, 242)
調色板顏色的簡化版本
陰影 linen, 陰影 slateblue, 色調 honeydew, 陰影 橘子, 陰影 lightcoral, 色調 dodgerblue, 色調 whitesmoke
配色方案是由 palettespicker
調色盤中的顏色代碼
Semantic UX Story Flowchart 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | 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" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
