CSS:颜色编码#000是黑色,那#000000也是黑色?三位和六位有啥区别

html-css018

CSS:颜色编码#000是黑色,那#000000也是黑色?三位和六位有啥区别,第1张

颜色格式一共分为四种:

As authored

Hex Colors

RGB Colors

HSL Colors

其中红色字体表示的就是3位表示的颜色格式#000,As authored 是6位的 #000000,

RGB Colors 就是 rgb(0, 0, 0)

HSL Colors 就是 hsl(0, 0%, 0%)

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)函数表示

色调、饱和度、亮度、透明度