- HTML中文网
- 联系QQ:88526
- QQ交流群

- 微信公众号

HSL
说明:
HSL(H,S,L)
H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360
S:Saturation(饱和度)。取值为:0.0% - 100.0%
L:Lightness(亮度)。取值为:0.0% - 100.0%
浅绿 = 支持
红色 = 不支持
粉色 = 部分支持
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+ |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div{ background-color:hsl(360, 50%, 50%); } </style> </head> <body> <div>hsl颜色值</div> </body> </html>
点击 "运行实例" 按钮查看在线实例
效果图:
推荐手册