本文主要介绍了RGB颜色在CSS中的使用，这是CSS入门学习的基本知识，需要的朋友可以参考一下。





RGB颜色模型解释

RGB颜色模型是描述一种颜色里面多少红、绿、蓝的轻重量，就像水彩颜料或颜料颜料混合了一些我们想要的真实颜色。

想象一下，如果你要匹配一个纯蓝色，你不能把红色和绿色在这个颜色，以实现这一点。因此，我们设置红色和绿色0%，并设置绿色为100%。



CSS代码将内容复制到剪贴板。


RGB（0%，0%，100%）




结果：

但是如果你想要的不是蓝色，而是紫红色怎么办我们可以通过混合100%的红色和100%的蓝色来获得紫红色：



CSS代码将内容复制到剪贴板。


RGB（100%，0%，100%）




结果：

根据基本的颜色理论，我们知道没有颜色是黑色的，所以为了获得黑色，我们可以通过设置红色、绿色和蓝色来达到0%。



CSS代码将内容复制到剪贴板。


RGB（0%，0%，0%）




结果：
如何确定RGB颜色的值

我们可以使用PS图象处理软件的彩色摄像功能得到三种颜色的红色值、绿色和蓝色，但也有免费的在线工具，如颜色滑块和RGB颜色的计算器。

在w3school的RGB颜色的解释：

RGB color

所有浏览器都支持RGB颜色值。

RGB颜色值是这样定义的：RGB（红色、绿色、蓝色）。每个参数（红色、绿色和蓝色）定义颜色的强度，颜色可以是0到255之间的整数，也可以是一个百分比值（从0%到100%）。

例如，RGB（00255）值被显示为蓝色，因为蓝色参数被设置为最高值（255），而其他参数被设置为0。

类似地，以下值定义相同的颜色：RGB（00255）和RGB（0%、0%、100%）。
例子

CSS代码将内容复制到剪贴板。


P
{
背景颜色：RGB（255,0,0）；
}