Generative AI Flowchart UX System

  • Algorithm Blue
    #0077b6
  • Generative Coral
    #ff6f61
  • Process Gray
    #ececec
  • Cluster Emerald
    #4caf50
  • Input Ivory
    #fffdf7
  • Output Indigo
    #6a4c93
  • Decision Amber
    #ffb703
  • Neural Black
    #111111
  21
創建於 09/14/2025 18:27
作者colorslib
調色盤由 半暗, 淺色, 深色 種顏色組成. 強調色 Algorithm Blue #0077b6 和 Input Ivory #fffdf7. 調色盤有 冷色, 暖色, 中性色 色溫.

依亮度,此調色盤由 #111111(最深)到 #FFFDF7(最淺)。 亮度範圍較寬。

飽和度混合——8 種顏色中有 2 種柔和、4 種鮮明。

部分顏色在色輪上大致相對,為調色盤帶來互補對比。

整體色溫偏冷(8 中有 3)。

HEX 代碼(排序):#0077B6, #111111, #4CAF50, #6A4C93, #ECECEC, #FF6F61, #FFB703, #FFFDF7

調色盤 Generative AI Flowchart UX System 具有 8 程式碼顏色的組合:
HEX: #0077b6, RGB: (0, 119, 182); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #ececec, RGB: (236, 236, 236)
HEX: #4caf50, RGB: (76, 175, 80); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #6a4c93, RGB: (106, 76, 147)
HEX: #ffb703, RGB: (255, 183, 3); HEX: #111111, RGB: (17, 17, 17)
調色板顏色的簡化版本
暗色調 鋼藍色, 暗色調 鮭紅色, 暗色調 白煙色, 暗色調 中海綠色, 淺色調 花白色, 淺色調 暗岩藍色, 淺色調 橙色, 淺色調 黑色
配色方案是由 colorslib

調色盤中的顏色代碼

Generative AI Flowchart UX System 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#0077b6#0077b6RGB(0, 119, 182)Algorithm Blue—
#ff6f61#ff6f61RGB(255, 111, 97)Generative CoralLiving Coral
#ececec#ecececRGB(236, 236, 236)Process Gray—
#4caf50#4caf50RGB(76, 175, 80)Cluster Emerald—
#fffdf7#fffdf7RGB(255, 253, 247)Input Ivory—
#6a4c93#6a4c93RGB(106, 76, 147)Output Indigo—
#ffb703#ffb703RGB(255, 183, 3)Decision Amber—
#111111#111111RGB(17, 17, 17)Neural BlackDreamless Sleep

色彩調色板對比度

9 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#0077b6
#ff6f61
1.78
#0077b6
#4caf50
1.75
#0077b6
#6a4c93
1.4
#ff6f61
#4caf50
1.01
#ff6f61
#ffb703
1.56
#ececec
#fffdf7
1.16

圖像調色板 Generative AI Flowchart UX System png