RGB 给出三个介于 0 到 255 的十进制通道。转换为 HEX 时，把每个通道变成两个十六进制位，这样整个颜色可以压缩为浏览器、设计工具和样式指南都能理解的紧凑表示。
如何将 RGB 转换为 HEX
- 取红色通道并除以 16：商是第一个位，余数是第二个位。
- 把 10 到 15 的数字写成字母 A 到 F — 例如 255 变成 FF。
- 对绿色和蓝色重复相同操作，单位数前面补零：5 变成 05。
- 将三对数字连接起来，并在前面加上 #。
示例演示
RGB rgb(79, 70, 229)=HEX #4F46E5
只要通道是 0 到 255 的整数，结果就是精确的。像 rgb(79.5, 70, 229) 这种带小数的值会先四舍五入到最接近的整数，因为 HEX 不能表示中间值。
RGB 与 HEX 说明
RGB 是什么？
RGB 用三个光通道来描述颜色——红、绿、蓝——每个从 0 到 255。它反映了屏幕的实际工作方式：三个通道都为 255 为白色，全部为 0 为黑色。当你需要用数值进行计算时，RGB 是合适的选择，rgba() 则在其上增加了透明度。
- 语法：
- rgb(R, G, B)
- 范围：
- 每个通道 0–255
- 适合用于：
- 代码、canvas、使用 rgba() 的透明度
HEX 是什么？
HEX 代码是一个六位的十六进制数，前面带有 #，用于存储颜色的红、绿、蓝通道。每对十六进制位对应一个通道，从 00（无）到 FF（满），以比 RGB 更简短的表示方式覆盖同样的 1670 万颜色。HEX 是 CSS、设计工具和品牌指南中的默认形式。
- 语法：
- #RRGGBB
- 范围：
- 每个通道 00–FF
- 适合用于：
- CSS、设计交接、品牌指南
RGB 到 HEX 参考表
最常见的 CSS 颜色，已从 RGB 转换为 HEX。
| 颜色 | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |