傳達(dá)顏色的最常見(jiàn)方法之一是通過(guò)圖表等視覺(jué)系統(tǒng)，其中每種顏色都有自己獨(dú)特的一組坐標(biāo)。例如，RGB 顏色系統(tǒng)可以排列為每邊有 2 55 個(gè)離散點(diǎn)的立方體：

盡管立方體看起來(lái)很簡(jiǎn)單，但要可視化顏色之間的差異實(shí)際上相當(dāng)具有挑戰(zhàn)性。此外，識(shí)別互補(bǔ)色既不容易也不直觀。色相、飽和度、亮度系統(tǒng)是幾十年前開(kāi)發(fā)的，旨在通過(guò)使其更易于可視化來(lái)改進(jìn) RGB 顏色系統(tǒng)。

HSL 顏色如何發(fā)揮作用?

色調(diào)

在 HSL 中，色調(diào)決定了彩虹的顏色。它以 360 度表示，就像傳統(tǒng)的色輪一樣。HSL 相對(duì)于 RGB 顏色的主要優(yōu)點(diǎn)之一是互補(bǔ)色彼此相對(duì)，這使得整個(gè)系統(tǒng)非常直觀。

飽和

距色輪中間的距離稱為“飽和度”，或者給定色調(diào)的存在量。仔細(xì)觀察上面的色輪，可以明顯看出，隨著從圓心向邊緣移動(dòng)，顏色變得更加明亮和鮮艷。

亮度

HSL 顏色的亮度值是三維的，這實(shí)際上使 HSL 系統(tǒng)成為一個(gè)圓柱體：

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

使用 HSL 顏色

熟悉圖像編輯程序的人可能比他們意識(shí)到的更熟悉 HSL。HSL 的主要優(yōu)點(diǎn)是它可以輕松快速地選擇顏色 - 否則，用戶將不得不費(fèi)力地調(diào)整 RGB 滑塊，直到獲得合適的顏色。

HSL顏色系統(tǒng)的缺點(diǎn)

雖然 HSL 系統(tǒng)使用起來(lái)很方便，但它并不能特別代表人眼實(shí)際如何看待顏色——這意味著它不能很好地轉(zhuǎn)化為其他更有科學(xué)依據(jù)的系統(tǒng)。