HSL色彩模式是工業界的一種顏色標準，它通過對色調（H），飽和度（S），亮度（L）三個顏色通道的改變以及他們相互之間的疊加來獲得各種顏色。這個標準幾乎包括了人類視力可以感知的所有顏色，在屏幕上可以重現16777216種顏色，是目前應用最廣的顏色系統之一。

語法：

hsl（<length>,<percentage>,<percentage>）

參數說明：

<length>表示色調（Hue），Hue衍生于色盤，取值可以為任意數值，其中0（或360或-360）表示紅色，60表示黃色，120表示綠色，180表示青色，240表示藍色，300表示洋紅，當然可以設置其他數值來確定不同的顏色。

<percentage> 表示飽和度（Saturation），表示該色彩被使用了多少，即顏色的深淺程度和鮮艷程度。取值為0%到100%之間的值，其中0%表示灰度，即沒有使用該顏色；100%的飽和度最高，即顏色最鮮艷。

<percentage> 表示亮度（Lightness），取值為0%到100%之間的值，其中0%表示最暗，顯示為黑色；50%表示均值，100%最亮，顯示為亮色。

實例：網頁配色解決方案