Hi i,m JinXiang
⭐ 前言 ⭐
本篇文章主要介绍HTML中RGB颜色表示法和RGBA颜色表示法以及部分理论知识
🍉欢迎点赞 👍 收藏 ⭐留言评论 📝私信必回哟😁
🍉博主收将持续更新学习记录获，友友们有任何问题可以在评论区留言
目录
RGB颜色表示法
在HTML中，RGB颜色表示法是一种用于指定颜色的方法。RGB代表红绿蓝，
- 红色 Rad 取值范围：0~255
- 绿色 Green 取值范围：0~255
- 蓝色 Blue 取值范围：0~255
每个颜色的值在0到255之间。
RGB颜色表示法使用三个数字来表示颜色的红色、绿色和蓝色分量。可以使用以下三种方式之一来表示颜色：
1. RGB值：
使用rgb()函数，并在括号中提供三个整数值，分别表示红、绿和蓝的分量。例如，rgb(255, 0, 0)代表红色，rgb(0, 255, 0)代表绿色，rgb(0, 0, 2]55)代表蓝色。
2. 十六进制值：
使用#字符后跟六个十六进制数字来表示颜色。前两个数字表示红色分量，接下来的两个数字表示绿色分量，最后两个数字表示蓝色分量。每个十六进制数字可以是0-9以及A-F之间的任何一个值。例如，#FF0000代表红色，#00FF00代表绿色，#0000FF代表蓝色。
3. 颜色名称：
使用预定义的颜色名称来表示颜色，例如red、green、blue等。
以下是一些示例：
<p style="color: rgb(255, 0, 0)">红色文字展示</p>
<p style="color: #00FF00">绿色文字展示</p>
<p style="color: blue">蓝色文字展示</p>请注意，RGB颜色值也可以用于其他HTML元素的背景色、边框颜色等。
RGB颜色表示法混搭（红绿蓝）
1、当红色与不同颜色进行混合时，会产生不同的颜色效果。以下是一些常见的混合结果：
- - 红色 + 绿色 = 黄色
- - 红色 + 蓝色 = 品红色（洋红）
- - 红色 + 黄色 = 橙色
- - 红色 + 青色 = 紫色
- - 红色 + 白色（白光）= 纯红色
- - 红色 + 黑色（无光）= 暗红色
请注意，这里提到的颜色是基于理论混合的结果，实际显示效果可能会因设备和色彩空间的差异而有所不同。
2、当绿色与不同颜色进行混合时，会产生不同的颜色效果。以下是一些常见的混合结果：
- - 绿色 + 红色 = 黄色
- - 绿色 + 蓝色 = 青色
- - 绿色 + 黄色 = 黄绿色
- - 绿色 + 紫色 = 暗绿色
- - 绿色 + 白色（白光）= 纯绿色
- - 绿色 + 黑色（无光）= 暗绿色
同样地，具体的色彩效果可能会因设备和色彩空间的差异而有所不同。
3、当蓝色与不同颜色进行混合时，会产生不同的颜色效果。以下是一些常见的混合结果：
- - 蓝色 + 红色 = 洋红色
- - 蓝色 + 绿色 = 青色
- - 蓝色 + 黄色 = 白色
- - 蓝色 + 紫色 = 深蓝色
- - 蓝色 + 黑色（无光）= 暗蓝色
需要注意的是，混合颜色的结果也会受到颜色的强弱比例影响，具体的色彩效果可能会因设备和色彩空间的差异而有所不同。
RGBA颜色表示法
RGBA颜色表示法在RGB的基础上添加了一个透明度（Alpha）通道，用于控制颜色的透明度。透明度值的范围是0~1，其中0表示完全透明，1表示完全不透明。
- 通过RGBA颜色表示法，可以控制元素的颜色和透明度。例如，(255, 0, 0, 0.5)表示半透明的红色，(0, 255, 0, 1)表示完全不透明的绿色。
<p style="color: rgba(255, 0, 0, 0.5)">这是一个RGBA的示例文本</p>
在HTML中，可以使用RGB或RGBA颜色表示法来设置元素的颜色。例如，以下代码将一个段落的文本设置为红色，并设置透明度为50%。
总结不易，希望uu们不要吝啬亲爱的👍哟(＾Ｕ＾)ノ~ＹＯ！！如有问题，欢迎评论区批评指正😁
