CSS中提供了多種色彩模型用于指定顏色,而HSL是其中一種十分有用的色彩模型。
HSL是 hue(色相)、saturation(飽和度)和lightness(亮度)的縮寫,這三個參數一起構成了一個HSL顏色值。
hsl()函數可以接收三個數值,第一個數值指定色相值(取值范圍0-360),第二個數值指定飽和度(取值范圍0%-100%),第三個數值指定亮度(取值范圍0%-100%)。
以下是一個使用HSL方案的代碼樣例:
body{ background-color: hsl(200, 50%, 75%); }
這段代碼指定了背景顏色為深藍色(色相為200)、半飽和度(50%)以及高亮度(75%)。
與RGB不同,HSL模型更易于使用和理解,因為它提供了更加自然的顏色控制,尤其對于處理色調和飽和度方面更為有效。