CSS3参考手册
»
取值与单位列表
»
颜色值
»
相关内容:
锟斤拷锟斤拷锟斤拷色值锟轿匡拷
选择其它项
<color>
Color Name
HEX
RGB
RGBA
HSL
HSLA
transparent
currentColor
hsl
锟斤拷锟狡憋拷页锟斤拷锟斤拷
版本:CSS3
Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, Android4.4+, Opera40.0+
说明:
HSL(H,S,L)
取值:
H:
Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360
S:
Saturation(饱和度)。取值为:0.0% - 100.0%
L:
Lightness(亮度)。取值为:0.0% - 100.0%
说明:
HSL记法。
兼容性:
浅绿
= 支持
红色
= 不支持
粉色
= 部分支持
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="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>HSL_CSS参考手册_web前端开发参考手册系列</title> <style>.test { background-color: hsl(360, 50%, 50%); } </style> <link rel="stylesheet" href="../../../../static/css/manual/css3.css" /> <!--#include file="/manual/css3/inc/header.shtml" --></head> <body> <div class="test">能看到此行背景说明你的浏览器支持HSL色彩记法</div> <!--#include file="/manual/css3/inc/footer.shtml" --></body> </html>