以 HSB（色相、飽和度、亮度）模式替代 RGB 進行 UI 配色，更符合人眼直覺：固定色相調整飽和度/亮度即可生成協調配色組。文中以 6 張實例圖示範：主色延伸、互補色平衡、功能色語義化、狀態色階層、深色模式適配、品牌色擴展等場景，附上具體 HSB 數值，適合配色基礎薄弱的設計師快速上手。

核心優勢

• 色相決定「是什麼色」，飽和度決定「多鮮豔」，亮度決定「多明亮」，三維獨立易控制。
• 同色相不同亮度/飽和度自動和諧，免去色環配色試誤。
• 方便建立設計系統色階（Primary/Secondary/State colors）。

建議在色板面板切換至 HSB 滑桿，配合「色板庫」儲存常用組合，提升配色效率與一致性。