什么是 RGB Color？
RGB Color（红绿蓝）是一种加色模型，通过将红、绿、蓝光以不同强度组合来创建广泛的颜色光谱。每个颜色通道通常范围从 0 到 255，允许超过 1600 万种可能的颜色组合。
快速了解
| 全称 | 红绿蓝颜色模型 |
|---|---|
| 创建时间 | 1931 年（CIE RGB），数字使用始于 1950 年代 |
| 规范文档 | 官方规范 |
RGB Color 工作原理
RGB 是数字显示器（包括显示器、电视和移动屏幕）的标准颜色模型。它被称为「加色」是因为颜色是通过添加光来创建的——将三种颜色以最大强度组合产生白色，而零强度产生黑色。在 Web 开发中，RGB 颜色可以表示为 rgb(255, 0, 0) 表示红色，或十六进制 #FF0000。RGBA 变体添加了用于透明度的 alpha 通道。RGB 是设备相关的，意味着相同的 RGB 值在不同显示器上可能看起来略有不同。
主要特点
- 加色模型（基于光）
- 三个通道：红、绿、蓝（每个 0-255）
- 超过 1600 万种颜色（256³ = 16,777,216）
- 数字显示器和屏幕的标准
- RGBA 添加 alpha 通道用于透明度
- 设备相关的颜色表示
常见用途
- 网页设计和 CSS 样式
- 数字图像编辑
- 屏幕显示和显示器
- LED 照明系统
- 视频游戏图形
示例
RGB 颜色示例：
颜色 RGB 十六进制 CSS
红色 rgb(255, 0, 0) #FF0000 color: red;
绿色 rgb(0, 255, 0) #00FF00 color: lime;
蓝色 rgb(0, 0, 255) #0000FF color: blue;
白色 rgb(255,255,255) #FFFFFF color: white;
黑色 rgb(0, 0, 0) #000000 color: black;
黄色 rgb(255, 255, 0) #FFFF00 color: yellow;
青色 rgb(0, 255, 255) #00FFFF color: cyan;
品红 rgb(255, 0, 255) #FF00FF color: magenta;
带透明度的 RGBA：
rgba(255, 0, 0, 0.5) /* 50% 透明红色 */
rgba(0, 0, 0, 0.8) /* 80% 不透明黑色 */
CSS 用法：
.element {
color: rgb(52, 152, 219);
background: rgba(0, 0, 0, 0.5);
}