色彩學｜認識 HSB 色彩模式

HSB色彩模式

課堂上常常上完課，同學還是把RGB、CMYK、HSB等等之類的內容混攪在一起，這邊單獨拉出來發一篇~ 快來看🤓

HSB色彩模式常見於設計軟體、多媒體軟體中，屬於非常直覺操作、以視覺看到顏色明暗深淺濃度、什麼顏色的方式進行直接調整與挑選。

• H → Hue (色相)
• S → Saturation (飽和度)
• B → Brightness (明度/亮度)

HSB 色彩模式

Hue 色相指的是「有彩色」，用光的波長來延伸解釋，在下圖可見紫外線光的紫色到紅外線的紅色，濃縮就幾乎等於 HSB 中的 H 色相的彩色漸層色塊。

光的波長

「有彩色」可以分為Hue (色相)、Saturation (飽和度)及Brightness (明度/亮度)。無彩色則是指「灰階(黑白灰)」，整合起來就是本文中的第二張 HSB 圖片。

有彩色與無彩色

下圖用 GIF 動態圖片展示 H色相，不過 GIF圖片只能顯示256種顏色，所以看起來會是很奇怪的色塊 （＞人＜；）

這樣對 HSB 色彩模式有了解囉？