取值：
- H：
- Hue(色調)。0(或360)表示紅色，120表示綠色，240表示藍色，也可取其他數值來指定顏色。取值為：0 - 360
- S：
- Saturation(飽和度)。取值為：0.0% - 100.0%
- L：
- Lightness(亮度)。取值為：0.0% - 100.0%
- A：
- Alpha透明度。取值0 - 1之間。
說明：
HSL記法。
- 此色彩模式與HSL相同，只是在HSL模式上新增了Alpha透明度。
兼容性：
- 淺綠 = 支持
- 紅色 = 不支持
- 粉色 = 部分支持
| IE |
Firefox |
Chrome |
Safari |
Opera |
iOS Safari |
Android Browser |
Android Chrome |
| 6.0-8.0 |
2.0+ |
4.0+ |
3.1+ |
3.5+ |
3.2+ |
2.1+ |
18.0+ |
| 9.0+ |