码迷,mamicode.com
首页 > Web开发 > 详细

CSS中的HSLA颜色

时间:2017-10-02 10:08:00      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:and   roi   opera   透明   css   兼容性   3.2   androi   标准   

HSL色彩,是一种工业界的色彩标准,因为它能涵盖到人类视觉所能感知的所有颜色,所以在工业界广泛应用。

 

H是色度,取值在0度~360度之间,0度是红色,120度是绿色,240度是蓝色。360度也是红色。

S是饱和度,是色彩的纯度,是一个百分比的值,取值在0%~100%,0%饱和度最低,100%饱和度最高

L是亮度,也是一个百分比值,取值在0%~100%,0%最暗,100%最亮。

A是不透明度,取值在0.0~1.0,0.0完全透明,1.0完全不透明。

 

background-color: hsla(0,100%,80%,0.5);


兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
6.0-8.0 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
9.0+

CSS中的HSLA颜色

标签:and   roi   opera   透明   css   兼容性   3.2   androi   标准   

原文地址:http://www.cnblogs.com/lyls/p/7619712.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!