rgb() | CSS属性参考

CSS rgb()函数使用红绿蓝(RGB)模式来定义颜色。

任何其它颜色都可以通过红绿蓝三种颜色的混合来得到。rgb()函数的参数可以是3个0-255之间的整数,或0-100%之间的百分比数。例如:rgb(255,0,0)rgb(100%,0%,0%)都代表红色。

rgb()函数中的值可以和十六进制颜色值相互转换。对于十六进制颜色值,可以将它们两个划分为一组,从左到右分别代表RGB。两个十六进制数的第一个和十六相乘,结果加上第二个数,就得到一个0-255之间的数。

例如,有一个十六进制颜色值#B60023,将它转换为RGB就是:R(B6),G(00),B(23)。那么红色就是:B(11) x 16 + 6 = 182。绿色为0,蓝色为:2 x 16 +3 = 35。因此,十六进制颜色值#B60023对应的rgb()红色就是:rgb(182, 0, 35)

下面的代码中是一些rgb()函数的取值,有对的,也有错误的,注意区分:

rgb(255, 0, 51)
rgb(255, 0, 51.2) /* 错误的写法,不能是浮点数 */
rgb(100%, 0%, 20%)
rgb(100%, 0, 20%) /* 错误的写法,不能混合使用整数和百分比值 */ 

下面的例子通过rgb()函数来设置元素的背景色。

rgb(30,130,76) rgb(4,147,114) rgb(38,194,129) rgb(102,204,153) rgb(134,226,213)

浏览器支持

所有的现代浏览器都支持rgb()颜色函数,包括:Chrome, Firefox, Safari, Opera, IE 和 Android 和 iOS。

相关阅读
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如有链接无法下载、失效或广告,请联系站长处理!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 如果你也有好模型或者教程,可以到审核区发布,分享有金币奖励和额外收入!
6. 本站提供的模型、教程、施工图等等其他资源,都不包含技术服务 请大家谅解!
7. 如遇到加密压缩包,默认解压密码为yiweibang.com如遇到无法解压的请联系管理员!

易微帮 » rgb() | CSS属性参考

提供最优质的资源集合

立即查看 了解详情