傳達顏色的最常見方法之一是通過圖表等視覺係統，其中每種顏色都有自己獨特的一組坐標。例如，RGB 顏色係統可以排列為每邊有 2 55 個離散點的立方體：

盡管立方體看起來很簡單，但要可視化顏色之間的差異實際上相當具有挑戰性。此外，識別互補色既不容易也不直觀。色相、飽和度、亮度係統是幾十年前開發的，旨在通過使其更易於可視化來改進 RGB 顏色係統。

HSL 顏色如何發揮作用?

色調

在 HSL 中，色調決定了彩虹的顏色。它以 360 度表示，就像傳統的色輪一樣。HSL 相對於 RGB 顏色的主要優點之一是互補色彼此相對，這使得整個係統非常直觀。

飽和

距色輪中間的距離稱為“飽和度”，或者給定色調的存在量。仔細觀察上麵的色輪，可以明顯看出，隨著從圓心向邊緣移動，顏色變得更加明亮和鮮豔。

亮度

HSL 顏色的亮度值是三維的，這實際上使 HSL 係統成為一個圓柱體：

如上圖所示，顏色的“亮度”是黑色和白色之間的漸變，其中圓柱體的“底部”是全黑的，而圓柱體的“頂部”是全白的。

使用 HSL 顏色

熟悉圖像編輯程序的人可能比他們意識到的更熟悉 HSL。HSL 的主要優點是它可以輕鬆快速地選擇顏色 - 否則，用戶將不得不費力地調整 RGB 滑塊，直到獲得合適的顏色。

HSL顏色係統的缺點

雖然 HSL 係統使用起來很方便，但它並不能特別代表人眼實際如何看待顏色——這意味著它不能很好地轉化為其他更有科學依據的係統。