HTML颜色可以通过颜色名、RGB、HEX、HSL、RGBA、HSLA的方式来设置。
background-color和background特性都可以用来设置背景色。
除了用颜色名的方式,还可以使用RGB、HEX、HSL、RGBA与HSLA的方式来定义颜色。
如下所示,同样是“Tomato”颜色,不一样的是下面的色彩还有50%的透明度。
RGB是计算机通过红色、绿色、蓝色的比例来定义颜色的一种方式。红、绿、蓝的取值0-255。
rr代表红色,取值范围是00到ff,等价于rgb模式下十进制的0-255;gg代表绿色,bb代表蓝色,取值都是00到ff;更多如下例所示。
HSL的方式是利用色调(hue)、饱和度(saturation)、明度(lightness)这三个指数进行对颜色的定义。
色调hue的取值范围是0-360,0代表红色,120代表绿色,240代表蓝色。
饱和度saturation取值范围0%-100%,取值越大则饱和度越高,越低则灰度越高。
明度lightness取值范围是0%-100%,0%代表全黑,100%代表全白,50%代表黑白之间。
RGBA类似于RGB模式,不同的是多出一个参数alpha。
alpha代表透明度,取值0-1,越小则透明度越高,0则意味着完全透明,1代表着完全不透明。
HSLA类似HSL格式,不同的也是多出一个参数alpha。
