色碼轉換與調色盤工具

1. 加色法 (RGB/HEX) vs. 減色法 (CMYK)

網頁與螢幕顯示採用 RGB 加色法，透過紅、綠、藍三原色光發光疊加出色彩；HEX 為 RGB 的十六進位簡寫。

而實體印刷則採用 CMYK 減色法，青、品紅、黃、黑，藉由油墨吸收光線來呈現顏色。

2. 為什麼 UI 設計師偏好使用 HSL / HSV？

RGB 對人類視覺並不直觀。HSL (色相/飽和度/亮度) 與 HSV (色相/飽和度/明度) 將色彩抽離為直覺的參數。
設計師只需固定色相，即可輕鬆調配出系統組件的 Hover 懸停態、Active 按壓態或 Disabled 停用態。

3. 什麼是 Tints（加白明亮色）與 Shades（加黑深色）？

在色彩學與 UI 設計規範（如 Tailwind CSS）中，同色系色階通常由原始主色（Base Color）衍生：

• Tints（明亮色階）： 在主色中加入白色（提高 Lightness 亮度），用於背景塊、卡片 Hover 底色或 Hover 高亮態。
• Shades（深暗色階）： 在主色中加入黑色（降低 Lightness 亮度），常用於文字顏色、深度陰影或邊框線條。