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