CSS设置颜色的几种方式

设置颜色的方式：

1.用颜色的关键字表示，也就是直接用颜色单词表示；

例如：color:orange;

2.用三原色表示，也就是rgb(red,green,blue)/(红色的浓度，绿色的浓度，蓝色的浓度)，

浓度值由0~255表示，浓度的值也可以用百分比(%)表示;

例如：color: rgb(255,0,0);  或者  color: rgb(100%,0%,0%); 

3.用十六进制表示，由0~9、a~f组成一个以#后面跟6个十六进制数的颜色单位。

例如：color: #D1483E;

如果使用的是三对两位相同的十六进制数，#后6位数可以简写为3位数。

例如： color: #000; （黑色）；

4.rgba(red,green,blue,alpha )，是在rgb的基础上再添加一个透明通道。参数a的取值范围在0.0~1.0之间。前面的0也可以简写也就是不写，直接写小数点和后面的数。

例如：color: rgba(255,0,0,0.2);  或者  color: rgba(100%,0%,0%,.2);

5.hsl(hue,saturation,lightness)/(色调,饱和度,亮度),

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

s:表示Saturation(饱和度)。取值为：0.0% - 100.0%

l:表示Lightness(亮度)。取值为：0.0% - 100.0%

例如：color:hsl(193,50%,50%) ;

hsl也可以加上透明度，和rgb一样的，都是在自身的基础上加上一个透明通道，

也就形成了hsla(hue,saturation,lightness,alpha),a的用法也是一样的，取值范围在0.0~1.0之间，

可以直接写小数点和后面的数。

例如：color: hsla(193,50%,50%,.2);