一、十六进制表示法

#rrggbb：r红g绿b蓝

#000000~#FFFFFF：黑色~白色

简写:

#6600ff—>#60f

#000000—>#000

二、RGB

rgb( r红, g绿, b蓝)

rgb(0~100%,0~100%,0~100%)，黑色~白色

rgb(0~255,0~255,0~255)，黑色~白色

例如:

color:rgb(255,255,255);

三、RGBA

rgb( r红, g绿, b蓝, a透明度)

rgb(0~100%,0~100%,0~100%,0~1)

rgb(0~255,0~255,0~255,0~1)

例如:

color:rgb(255,255,255);  IE8不兼容rgba，此为后备方案

color:rgba(255,255,255.5);

 

四、HSL

hsl( h色相圆角度, s饱和度纯度, l亮度)

色相圆：

 

饱和度纯度：

 

亮度：

 

hsl( 0~360, 0~100%, 0~100%)

  

五、HSLA

hsl( h色相圆角度, s饱和度纯度, l亮度, a透明度)

hsl( 0~360, 0~100%, 0~100%, 0~1)