為什麼我們需要 HSB？

在前幾課中我們已經認識了 RGB 和 CMYK 這兩大基礎色彩模式。雖然它們是螢幕顯示與印刷輸出的基石，但對設計師來說，這兩種模式都過於抽象，不符合人類對顏色的自然感知習慣。當我們說「這件衣服是亮黃色」或「天空是淺藍色」時，腦海中浮現的首先是色相（紅、橙、黃、綠、青、藍、紫），接著才是深淺與鮮豔度。RGB 的三個滑桿互相耦合，想精準調出一個「淺綠色」或把藍色變亮，往往得同時拖動三個滑桿，既不直觀又難以微調。

HSB：符合人類直覺的色彩模型

HSB（Hue、Saturation、Brightness）將顏色拆解為三個獨立維度：

• 色相：顏色的種類，對應色相環上的角度（0°~360°），0°為紅，60°黃，120°綠，180°青，240°藍，300°紫。
• 飽和度：色彩的純度，0% 為灰色，100% 為最純淨的顏色，相當於電視的「色彩濃度」。
• 明度：色彩的明暗，0% 為純黑，100% 為最亮，相當於電視的「亮度」。

這完美對應了我們大腦的感知邏輯：想要淺綠色，先把 H 拉到 120° 綠色區，再降低 S、提高 B；想要深藍色，H 設 240°，再提高 S、降低 B。調整亮度時只需動 B 滑桿，修改極為方便。

實戰技巧：快速挑選與修改顏色

1. 灰度色的快速取用

將 S 設為 0%，此時 H 無影響，只需拖動 B 即可在 0%~100% 之間挑選任意灰階。注意：HSB 產生的灰度數值與 Photoshop 灰度模式（K 通道）不同，專業灰度選色請以灰度滑塊為準。

2. 色相環與角度的關係

H 的單位是「度」，實際上是色相環上的角度。從 0° 紅色開始逆時針遞增，360° 回到紅色。因 Photoshop 僅接受整數，理論可選顏色約 360 萬種（360×100×100），雖少於 RGB 的 1677 萬，但實務上完全足夠。

3. 拾色器中的 HSB 視覺化

Photoshop 拾色器的「H」模式即為 HSB 取色介面：縱向色條對應色相（H），大面積色域中橫向為飽和度（S），縱向為明度（B）。拖動色條選定色相，再在色域中點擊即可同時確定 S 與 B，極為直觀。

小結

HSB 模式將抽象的數值轉化為符合人類直覺的三維屬性，讓調色像調節燈光一樣自然。掌握 HSB，能大幅提升取色效率與精準度，是每位設計師必備的核心技能。