RGB颜色
目录
什么是RGB颜色模型?
RGB 颜色模型是一种加色系统,通过组合红、绿、蓝三种颜色来生成广泛的色彩范围。该模型主要用于数字显示设备,如电脑显示器、电视和移动设备。
颜色的加法混合原理
在 RGB 模型中,每种颜色由三个分量的组合表示:红、绿和蓝。每个分量的强度可以从 0(完全没有光)到 255(最大强度)变化。这意味着 RGB 颜色由三个 0 到 255 范围内的整数三元组表示。例如,rgb(255, 0, 0) 表示纯红色。
颜色值的计算方式
最终看到的颜色是三种原色强度叠加的结果。以下是一些示例:
- 白色: 当所有数值都为最大值时获得,即
rgb(255, 255, 255) - 黑色: 当所有数值都为零时产生,即
rgb(0, 0, 0) - 黄色: 由红色和绿色在最大强度下组合而成,即
rgb(255, 255, 0) - 品红色: 由红色和蓝色在最大强度下组合而成,即
rgb(255, 0, 255) - 青色: 由蓝色和绿色在最大强度下组合而成,即
rgb(0, 255, 255)
与其他颜色模型的关系
RGB 模型是加色模型,这意味着颜色是通过叠加光线生成的。这与 CMYK 模型不同,后者是减色模型,主要用于印刷。在 CMYK 中,颜色是通过减少光线(即增加油墨)而形成的,并以青色、品红色、黄色和黑色来表示。
RGB到十六进制的转换
在网页开发中,RGB 颜色通常以十六进制代码表示。每个分量(红、绿、蓝)都会被转换为两位十六进制值,并连接成一个六位字符串。例如,rgb(255, 165, 0) 会转换为 #FFA500,即橙色。
基础颜色表
| 颜色 | 示例 | RGB | 十六进制 | CSS 名称 |
|---|---|---|---|---|
| 白色 | rgb(255, 255, 255) | #FFFFFF | white | |
| 黑色 | rgb(0, 0, 0) | #000000 | black | |
| 红色 | rgb(255, 0, 0) | #FF0000 | red | |
| 绿色 | rgb(0, 255, 0) | #00FF00 | lime | |
| 蓝色 | rgb(0, 0, 255) | #0000FF | blue | |
| 黄色 | rgb(255, 255, 0) | #FFFF00 | yellow | |
| 青色 | rgb(0, 255, 255) | #00FFFF | cyan | |
| 品红色 | rgb(255, 0, 255) | #FF00FF | magenta | |
| 灰色 | rgb(128, 128, 128) | #808080 | gray |