免费 RGB 转 HEX 转换器

红色 (0-255)

绿色 (0-255)

蓝色 (0-255)

十六进制颜色

输入数值

自动转换

RGB 转 HEX 转换器简化了将 RGB 颜色值转换为对应十六进制代码的过程。对于构建网站、设计用户界面或单纯探索颜色理论的人来说，在 RGB 和 HEX 格式之间切换是常需操作。本工具提供了一种从 RGB 输入快速获取十六进制颜色代码的方法，同时也帮助理解两种系统之间的内在关系。

RGB 颜色系统

RGB 代表红、绿、蓝——光的三种原色。在 RGB 模型中，每种颜色都由这三种成分混合而成，每个成分的强度范围为 0 到 255。三元组 (0,0,0) 表示黑色（无光发出），而 (255,255,255) 表示白色（三色全强度）。例如：

(255, 0, 0) → 纯红色
(0, 128, 0) → 中绿色
(0, 0, 255) → 纯蓝色
(255, 255, 0) → 黄色（红绿等量混合）
(128, 128, 128) → 中性灰色

0–255 的范围源自每通道 8 位表示，总共 256 × 256 × 256 = 16,777,216 种颜色。

HEX（十六进制的缩写）并非不同的色彩空间，它只是用另一种方式书写同样的 RGB 数字。不再使用逗号分隔的三个十进制数，每个值被写成一个两位十六进制数（00 到 FF），三个数对连成一串并以 # 开头。例如：

由于每个十进制数（0–255）都对应一个两位十六进制数对，转换很直接，但手动对多种颜色计算会很繁琐。这就是颜色代码转换器的用武之地。

如果需要不使用计算器进行转换，以下是手动流程：

写出 RGB 值 – 三个介于 0 到 255 之间的整数（例如 R = 177，G = 184，B = 30）。
将每个整数转换为十六进制 – 使用标准的十进制转十六进制方法。例如，177 变为 B1（因为 11 × 16 + 1 = 177），184 变为 B8，30 变为 1E。
确保每个十六进制对恰好有两位数字 – 如果结果只有一位（例如 0 → 0，12 → C），在前面补零使其变为 00 或 0C。
组合并添加井号前缀 – 完整的十六进制代码变为 #B1B81E。

此方法适用于 RGB 色域中的所有颜色。

本工具使用简单，适合批量转换或需要即时结果的场合。默认模式为 RGB 转 HEX。只需在相应字段中输入红、绿、蓝的值（每个 0–255），对应的十六进制代码立即显示。您可以直接将代码复制到剪贴板，用于 CSS、HTML 或设计软件。

转换器也支持反向操作：如果您输入一个十六进制代码（如 #FF00FF），工具会将其解码回 RGB 分量。这使得它可以作为完整的颜色代码转换器处理两种常见格式。

无论您是在处理单一项目颜色还是探索完整配色方案，这个十六进制颜色转换器都能节省时间并消除手动计算错误。

1. 如何手动将 RGB 转换为 HEX？

将三个 RGB 值（0–255）分开。将每个十进制数转换为两位十六进制数；如果结果只有一位，在前面补零（例如 0 → 00）。最后将三个数对连在一起，并在前面加上 #。

2. RGB 和 HEX 颜色模型有什么区别？

RGB 和 HEX 描述的是相同的颜色，只是表示法不同。RGB 使用三个十进制数（0–255）。HEX 将每个值压缩成一个两位十六进制数对，并将它们写成以 # 为前缀的一串字符串。两者都表示相同的 1670 万种颜色。

3. 这个工具能将 HEX 转换回 RGB 吗？

可以。转换器包含 HEX 转 RGB 模式。输入十六进制代码（例如 #FF5733），它会输出对应的红、绿、蓝值。

4. RGB/HEX 能表示多少种颜色？

每个通道有 256 种可能值，独立颜色的总数是 256×256×256 = 16,777,216（约 1670 万种颜色）。

5. HEX 代码中的 # 符号代表什么？

# 是标准前缀，表示后面的字符是十六进制颜色代码。它是 CSS/HTML 颜色表示法的一部分，帮助解析器识别该值是一个颜色而非文本。