1、RGBA三原色配色方式

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

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

·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);}

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄