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/

From "CSS HSL(A) 颜色 - CSS颜色 - CSS语法第二课 - CSS教程"


  • 教程中有什么不懂的地方？发现教程的错误！对教程有什么建议！快快给我留言呀 给猴子留言，我会尽快解答你的问题:)
  • HTML代码