創建於 07/21/2025 12:42
  6

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
Loading...
調色盤由 光 種顏色組成. 強調色 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 FogGray95

色彩調色板對比度

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

Loading...
Loading...