[分享]CSS中定义颜色的方法分别是RGB函数

CSS在定义颜色时，可以使用多种方法，其中比较常用的一种就是使用RGB函数。

.color1 {
		color: rgb(255, 0, 0); /*红色*/
	}
	.color2 {
		color: rgb(0, 255, 0); /*绿色*/
	}
	.color3 {
		color: rgb(0, 0, 255); /*蓝色*/
        } 

RGB函数是由3个参数组成，分别表示红、绿、蓝三个颜色通道。每个通道的值范围是0-255，表示该颜色通道在构成最终颜色时所占的比例。

使用RGB函数定义颜色还可以再添加一个透明度参数，让颜色变得半透明。透明度的值是0-1之间的小数，表示颜色的不透明程度。

.color4 {
		color: rgba(255, 0, 0, 0.5); /*半透明的红色*/
	} 

除了在color属性中使用RGB函数定义文字颜色外，还可以在background-color等属性中使用RGB函数定义背景色。

.bg-color {
		background-color: rgb(255, 255, 0); /*黄色背景*/
	} 

总之，在CSS中使用RGB函数定义颜色非常方便，并且能够满足大部分需求。