語法：
<length> || <percentage> || <percentage> || <opacity>
取值：
- <length> ：
- Hue(色調(diào))。 0(或360)表示紅色，120表示綠色，240表示藍色，當然可取其他數(shù)值來確定其它顏色；
- <percentage> ：
- Saturation(飽和度)。 取值為0%到100%之間的值；
- <percentage> ：
- Lightness(亮度)。 取值為0%到100%之間的值；
- <opacity> ：
- alpha(透明度)。 取值在0到1之間；
說明：
HSL色彩模式是工業(yè)界的一種顏色標準，是通過對色調(diào)(H)、飽和度(S)、亮度(L)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的，HSL即是代表色調(diào)，飽和度，亮度三個通道的顏色，這個標準幾乎包括了人類視力所能感知的所有顏色，是目前運用最廣的顏色系統(tǒng)之一。HSLA是在HSL的基礎上增加一個透明度(A)的設置。
兼容性：
| 類型 |
 Internet Explorer |
 Firefox |
 Chrome |
 Opera |
 Safari |
|---|---|---|---|---|---|
| 版本 | (×)IE6 | (√)Firefox 3.0 | (√)Chrome 2.0.x | (√)Opera 9.64 | (√)Safari 4 |
| (×)IE7 | (√)Firefox 3.5 | ||||
| (×)IE8 | |||||
示例：
