在我们的显示屏中，一个像素点由三原色构成，分别为：红、绿、蓝。然而在计算机中使用0-255来表示某个原色的不同程度，在二进制中，可以使用八位二进制（00000000-11111111）进行表示。在十六进制中用（ 00-ff ）表示。那么红色（0-255），绿色（0-255），蓝色（0-255）三原色组成的颜色就有256*256*256种，组成了屏幕中五彩缤纷的画面。
由此就可以衍生出颜色的表示方式：
加入透明度：
使用色相表示（hsl）：
这是一种将所有颜色对应成一个圆，一个角度代表一种颜色，所以取值范围为0-360，但是它还包括了饱和度和亮度。
h:0-360,色相
s:0-100%，饱和度
l:0-100%，亮度
例如：hsl(0, 50%, 50%)
CSS中的字体颜色有两种表示方式，分别是：
1，颜色名,比如：color:white；
2，RGB，比如color:rgb(255,255,255)
3,16进制,比如color:#fff
除第一种表示很有限之外，后面两种可以改变不同的数值来表示不同的颜色。亲可以百度一下“颜色对照表”查看常用的颜色不同方式的表示方法。
1、用颜色名表示如：white、red、greenyellow、gold等。
2、用十六进制的颜色值表示(红、绿、蓝)
#FF0000或者#F00
3、用rgb(r,g,b)函数表示
如：rgb(255,255,0)
4、用hsl(Hue,Saturation,Lightness)函数表示（色调、饱和度、亮度）
如：hsl(120,100%,100%),色调0代表红色，120代表绿色，240代表
蓝色
5、用rgba(r,g,b,a)函数表示
其中a表示的是改颜色的透明度，取值范围是0~1，其中0代表完全透明。
6、用hsla(Hue,Saturation,Lightness,alpha)函数表示
色调、饱和度、亮度、透明度
