CSS RGB()函数
CSS rgb()函数是一种颜色值表示法,它使用红、绿和蓝三原色定义颜色。它的语法如下:
rgb(red, green, blue) rgba(red, green, blue, alpha) hsl(hue, saturation, lightness) hsla(hue, saturation, lightness, alpha)
其中,red、green、blue分别表示红、绿、蓝三原色的值,取值范围为0-255;alpha表示透明度,取值范围为0-1;hue表示色相,取值范围为0-360;saturation表示饱和度,取值范围为0-100%;lightness表示亮度,取值范围为0-100%。
下面是一些使用CSS rgb()函数定义的颜色:
- rgb(255, 0, 0):表示纯红色
- rgb(0, 255, 0):表示纯绿色
- rgb(0, 0, 255):表示纯蓝色
- rgb(255, 255, 0):表示黄色
- rgb(255, 0, 255):表示紫色
- rgb(0, 255, 255):表示青色
我们还可以使用rgba()函数定义不透明的颜色,例如:rgba(255, 0, 0, 0.5)表示半透明的红色。
我们还可以使用hsl()函数定义颜色,例如:hsl(0, 100%, 50%)表示纯红色,hsl(60, 100%, 50%)表示黄色,hsl(120, 100%, 50%)表示纯绿色,hsl(180, 100%, 50%)表示青色,hsl(240, 100%, 50%)表示纯蓝色,hsl(300, 100%, 50%)表示紫色。
CSS rgb()函数是一种非常灵活的颜色值表示法,它可以用来定义各种不同的颜色。