CSS参考手册
»
取值列表
»
颜色值
»
相关内容:
其它颜色值参考
选择其它项
Color Name
HEX
RGB
RGBA
HSL
HSLA
transparent
HSLA
版本:CSS3
语法:
HSLA(H,S,L,A)
取值:
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
Safari
Chrome
Opera
版本
6.0-8.0
4.0
5.1
13.0
11.50
版本
9.0
示例:
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>CSS HSL_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="phpstudy.net" /> <meta name="copyright" content="www.phpstudy.net" /> <style> .test{background-color:hsla(360,50%,50%,0.5);} </style> </head> <body> <div class="test">能看到此行背景说明你的浏览器支持HSLA色彩记法</div> </body> </html>