CSS3参考手册
»
取值与单位列表
»
颜色值
»
相关内容：
其它颜色值参考
选择其它项
rgb
版本：CSS2
说明：
RGB(R,G,B)
取值：
R：
红色值。正整数 | 百分数
G：
绿色值。正整数 | 百分数
B：
蓝色值。正整数 | 百分数
说明：
RGB记法。
以上三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。
超出范围的数值将被截至其最接近的取值极限。如：
rgb(300,0,0)会被解析为rgb(255,0,0)
正整数值255对应百分比数值100%，如：
rgb(255,255,255) = rgb(100%,100%,100%) = #FFFFFF = #FFF
RGB色彩是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化和它们相互之间的叠加来得到各式各样的颜色的。
此RGB色彩模式与
#RRGGBB/#RGB(HEX)
不同。
兼容性：
浅绿
= 支持
红色
= 不支持
粉色
= 部分支持
IE
Firefox
Chrome
Safari
Opera
iOS Safari
Android Browser
Android Chrome
6.0+
2.0+
4.0+
3.1+
3.5+
3.2+
2.1+
18.0+
示例：
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>RGB_CSS参考手册_web前端开发参考手册系列 | Js中文网-全球前端挚爱的技术成长平台</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.javascriptc.com" /> <style> .foreground { color: rgb(255, 0, 0); } .background { background-color: rgb(128, 128, 128); } .percent-color { background-color: rgb(50%, 50%, 50%); } </style> </head> <body> <ul class="test"> <li class="foreground">红色的文字</li> <li class="background">灰色的背景</li> <li class="percent-color">能看到此行背景说明你的浏览器支持RGB记法使用百分数值</li> </ul> </body> </html>
阅读全文
看完两件小事
如果你觉得这篇文章对你挺有启发，我想请你帮我两个小忙：
关注我们的
GitHub 博客
，让我们成为长期关系
把这篇文章分享给你的
朋友 / 交流群
，让更多的人看到，一起进步，一起成长！
关注公众号：
画漫画的程序员
，每天早上8点30分准时推送：前端前沿资讯、大厂面试题、程序员轶事、职场感悟等，一起进步！
