13.4.2 CSS HSL(A) 颜色

HSL(hue-saturation-lightness)表示方法(CSS3特有):目前还不被多数浏览器支持

示例

/* red */
color:hsl(0, 100%, 50%);

说明:

  • hue取值为[0,360],0,360都为红色,120为绿色,240为蓝色
  • saturation与lightness取值为[0%,100%]

HSLA表示方式(CSS3特有):目前还不被多数浏览器支持

示例

/* 不透明度为1 */
color:hsla(120, 100%, 50%, 1);

HSLA是在HSL的基础上增加了alpha通道

HSLA是什么?

  • H代表色相(hue)
  • S代表饱和度(saturation)
  • L代表亮度(lightness)
  • A代表不透明度(alpha)的缩写

引用网址:http://www.dreamdu.com/css/color_hsla/



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都