CSS颜色定义方法:(RGBA \ HSLA \ opacity \ transparent为css3 新特性)
1、直接使用颜色名/16进制值
2、使用RGBA: RGB代表光的三原色,Red、Green和Blue,CSS3中可以增加一个值a(alpha),表示颜色的透明度:取值范围0-1之间,0代表完全透明,1代表完全不透明
3、使用HSL: 即色相、饱和度、亮度(Hue, Saturation, Lightness)
4、 使用HSLA
/* 以下都表示红色 */
p { color: red; } p { color: #f00; } p { color: #ff0000; } p { color: rgb(255,0,0); } p { color: rgb(100%, 0%, 0%); } p { color: hsl(0, 100%, 50%); } /* 50% 透明 */ p { color: #ff000080; } p { color: rgba(255, 0, 0, 0.5); } p { color: hsla(0, 100%, 50%, 0.5); }
④opacity属性:透明度
⑤transparent颜色值定义渐变色
标签:HSLA,颜色,定义,color,100%,50%,CSS From: https://www.cnblogs.com/ducky-L/p/14601469.html