Loading...
創建於 07/08/2025 08:19
  6

System Design Theory Toolkit

  • Architecture Rose
    #ed6a5a
  • Sequence Blue Gray
    #7899d4
  • Abstract Yellow
    #f9dc5c
  • Server Dust
    #d6d2c4
  • UX Paper
    #ffffff
Loading...
調色盤由 光 種顏色組成. 強調色 Sequence Blue Gray #7899d4 和 Abstract Yellow #f9dc5c. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.

依亮度,此調色盤由 #ED6A5A(最深)到 #FFFFFF(最淺)。 亮度範圍中等。

飽和度混合——有柔色也有較鮮明的重點色。

有些色相成對接近互補位置——可能讀成互補對比(啟發式)。

整體色溫偏暖。

HEX 代碼(排序):#7899D4, #D6D2C4, #ED6A5A, #F9DC5C, #FFFFFF

調色盤 System Design Theory Toolkit 具有 5 程式碼顏色的組合:
十六進位: #ed6a5a, RGB: (237, 106, 90); 十六進位: #7899d4, RGB: (120, 153, 212); 十六進位: #f9dc5c, RGB: (249, 220, 92)
十六進位: #d6d2c4, RGB: (214, 210, 196); 十六進位: #ffffff, RGB: (255, 255, 255)
調色板顏色的簡化版本
陰影 tomato, 陰影 cornflowerblue, 陰影 gold, 色調 lightgrey, 白色的
配色方案是由 colorhunt

調色盤中的顏色代碼

System Design Theory Toolkit 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#ed6a5a #ed6a5a RGB(237, 106, 90)Architecture Rose
#7899d4 #7899d4 RGB(120, 153, 212)Sequence Blue Gray
#f9dc5c #f9dc5c RGB(249, 220, 92)Abstract Yellow
#d6d2c4 #d6d2c4 RGB(214, 210, 196)Server Dust
#ffffff #ffffff RGB(255, 255, 255)UX PaperWhite

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#ed6a5a
#7899d4
1.07
#7899d4
#d6d2c4
1.89
#f9dc5c
#d6d2c4
1.11
#f9dc5c
#ffffff
1.36
#d6d2c4
#ffffff
1.51

圖像調色板 System Design Theory Toolkit PNG

Loading...
Loading...
Loading...