CSS3新增颜色表达方式

1、RGBA三原色配色方式

·在RGB模式上新增了Alpha透明度。 RGB模式：p{background:rgb{100,100,100};}

·alpha参数介于0.0~1之间。 RGBA模式：p{background:rgba{100,100,100,0.5};}

2、HSL模式

·语法：HSL(H,S,L)，HSL分别表示色调，饱和度，亮度。

·H:0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。 取值为：0-360。

·S:(饱和度)。取值为0.0%-100.0%。  

·L:(亮度)。 取值为0.0%-100.0%。

#div{background:hsl(120,50%,50%);}

3、HSLA模式

·HSL模式新增了Alpha透明度。

#div{background:hsl(120,50%,50%,0.5);}

转载于:https://www.cnblogs.com/wzjie1234/p/10714969.html