从原理到实战：手把手教你玩转RGB与十六进制颜色码互转

1. 颜色表示的基础概念

第一次接触颜色编码时，我也被各种表示方法搞得晕头转向。RGB和十六进制就像两个说着不同语言的朋友，虽然表达的是同一个意思，但形式却完全不同。理解它们之间的关系，是前端开发、图形处理等领域的基本功。

RGB颜色模型采用十进制表示法，由红(Red)、绿(Green)、蓝(Blue)三个分量组成。每个分量的取值范围是0-255，这个范围不是随便定的，而是因为每个颜色通道用8位二进制表示（2^8=256种可能）。比如纯红色就是(255,0,0)，白色则是(255,255,255)。

十六进制颜色码则是用6位十六进制数表示颜色，每两位对应一个颜色分量。它通常以"#"开头，比如#FF0000表示红色。十六进制的优势在于更紧凑，而且与计算机的二进制存储方式更契合。我第一次用CSS设置背景色时，就发现开发者工具里显示的都是十六进制格式。

2. RGB转十六进制的底层原理

2.1 位运算的魔法

转换的核心在于理解位运算。计算机内部所有数据最终都是以二进制形式存储的，而位运算直接操作这些二进制位。这就像乐高积木，我们可以把三个颜色分量拼接成一个完整的颜色值。

具体来说，一个32位整数可以这样存储RGB值：

• 最高8位：红色分量
• 中间8位：绿色分量
• 最低8位：蓝色分量

在C语言中，我们通过左移(<<)和按位或(|)操作来实现这个拼接过程。左移操作就像在数字后面补零，比如把红色分量左移16位，就把它放到了最高8位的位置。

2.2 完整代码实现

下面这个函数展示了如何将三个0-255的整数转换为一个十六进制颜色值：

c复制#include <stdio.h>

int rgb_to_hex(int r, int g, int b) {
    // 确保数值在有效范围内
    r = r & 0xFF;
    g = g & 0xFF;
    b = b & 0xFF;
    
    // 组合成32位颜色值
    return (r << 16) | (g << 8) | b;
}

int main() {
    int r = 255, g = 165, b = 0; // 橙色
    int hex_color = rgb_to_hex(r, g, b);
    
    pr