CSS rgb() 函数

定义和用法

CSS 的 rgb() 函数使用红-绿-蓝（RGB）颜色模型指定颜色。还可以添加一个可选的透明度通道（表示颜色的透明度）。

RGB 颜色值通过 rgb(red green blue) 指定。每个参数定义该颜色的强度，可以是 0 到 255 之间的整数或 0% 到 100% 之间的百分比值。

例如，rgb(0 0 255) 值呈现为蓝色，因为蓝色参数设置为最大值（255），而其他参数设置为 0。

注意：rgba() 函数是 rgb() 函数的别名。建议使用 rgb() 函数。

实例

定义不同的 RGB(A) 颜色：

#p1 {background-color:rgb(255 0 0);} /* 红色 */
#p2 {background-color:rgb(0 255 0);} /* 绿色 */
#p3 {background-color:rgb(0 0 255);} /* 蓝色 */
#p4 {background-color:rgb(192 192 192);} /* 灰色 */
#p5 {background-color:rgb(255 255 0);} /* 黄色 */
#p6 {background-color:rgb(255 0 255);} /* 樱桃色 */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* 带透明度的樱桃色 */
#p8 {background-color:rgb(0 0 255 / 50%);} /* 带透明度的蓝色 */

亲自试一试

CSS 语法

绝对值语法

rgb(R G B / A)

相对值语法

rgb(from color R G B / A)

技术细节

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。