如: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)函数表示
色调、饱和度、亮度、透明度
颜色格式一共分为四种:
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%)
在我们的显示屏中,一个像素点由三原色构成,分别为:红、绿、蓝。然而在计算机中使用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%)