rgb是什么意思?
RGB:一种色彩模式 ,是工业界一种颜色标准;可以通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来获得到各式各样的颜色的。RGB 颜色标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。
在css中我们可以采用RGB标准来设置颜色值,这就需要用到css rgb()函数,我们来了解一下rgb的相关知识吧。
CSS rgb() 函数
rgb() 函数使用红(R)、绿(G)、蓝(B)三个颜色的叠加来生成各式各样的颜色。
语法
rgb(red, green, blue)
rgb() 函数有三个值,分别为:
red
定义红色值,取值范围为 0 ~ 255,也可以使用百分比 0% ~ 100%。green
定义绿色值,取值范围为 0 ~ 255,也可以使用百分比 0% ~ 100%。blue
定义蓝色值,取值范围为 0 ~ 255,也可以使用百分比 0% ~ 100%。
示例:使用rgb() 函数设置颜色
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> #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);} </style> </head> <body> <p>RGB 颜色:</p> <p id="p1">红色</p> <p id="p2">绿色</p> <p id="p3">蓝色</p> <p id="p4">灰色</p> <p id="p5">黄色</p> <p id="p6">樱桃色</p> </body> </html>
效果图:
更多web前端相关知识,请查阅 HTML中文网 !!
以上就是css中rgb()有几个值?的详细内容,更多请关注0133技术站其它相关文章!