第一种是HSL。H、S、L分别表示色调，饱和度和亮度。使用HSL可以基于色调、饱和度和亮度进行调节不需要算RGB的值。
HSLA就是在HSL上加上"Alpha通道"(透明度)，可以使用HSLA为HSL进行透明度的设置。A的默认值是1，就是不透明效果跟HSL一样。
第二种是RGB。
语法:
R：红色值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数| 百分数
A：透明度。取值0~1之间
0(或360)表示红色，120表示绿色，240表示蓝色，当然可取其他数值来确定其它颜色；
在背景属性中使用RGBA:
background: -webkit-linear-gradient( top ,rgba(255 ,255 ,255, 0.75) , rgba( 222,231 ,233 ,0.7));
为什么不使用opacity属性而是使用rgba呢？
原因就是当中父元素使用了opacity属性那么其后代也会受其影响。