一、十六進制表示法

#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)