十六进制转 RGB 颜色转换器

输入计算

十六进制颜色代码 请输入 3 位或 6 位的十六进制代码，带不带 # 均可

结果

RGB 颜色

rgb(52, 152, 219)

红 (R)	52
绿 (G)	152
蓝 (B)	219

什么是十六进制转 RGB 转换器？

十六进制颜色代码（Hex Code）是一种用六位十六进制数字表示颜色的方式，广泛应用于网页设计、CSS 和各类图形软件中。十六进制转 RGB 转换器会把这串代码拆解为红（Red）、绿（Green）、蓝（Blue）三个通道，每个通道用 0 到 255 之间的十进制数表示。在许多编程语言、设计工具，以及不支持十六进制写法的场景里，RGB 数值都非常实用。

RGB 用红、绿、蓝三种光的混合来描述颜色。

如何使用

在输入框中输入一个十六进制代码即可。开头的 # 可写可不写，既能使用完整的六位写法（例如 #3498db），也能使用三位的简写形式（例如 #f00），系统会自动将简写补全。点击计算按钮，即可看到对应的 RGB 数值和实时颜色色块。

计算公式详解

十六进制代码会被拆分成三组、每组两位字符。每一组都是一个十六进制（逢十六进一）数字，需要转换成十进制（base-10）。例如 FF 等于 \(15 \times 16 + 15 = 255\)，是单个通道的最大值；而 00 等于 0，是最小值。换算的通用规则为：

$$\begin{gathered} (R,\,G,\,B) = \bigl(\text{hex}_{1\text{-}2},\ \text{hex}_{3\text{-}4},\ \text{hex}_{5\text{-}6}\bigr)_{16} \\[1.5em] \text{where}\quad \left\{ \begin{aligned} R &= \text{Hex}_{[1,2],16} \\ G &= \text{Hex}_{[3,4],16} \\ B &= \text{Hex}_{[5,6],16} \end{aligned} \right. \end{gathered}$$

十六进制代码分成三对，分别对应红、绿、蓝的值。

实例演示

以十六进制代码 #3498DB 为例。拆分后得到三组：34、98 和 DB。逐组换算：

$$34 = 3 \times 16 + 4 = 52$$$$98 = 9 \times 16 + 8 = 152$$$$DB = 13 \times 16 + 11 = 219$$

最终结果为 \(\text{rgb}(52, 152, 219)\)，这是一种清爽宜人的天蓝色。

常见问题

必须输入 # 符号吗？不需要。转换器会自动忽略井号以及任何非十六进制字符，因此 #fff 和 fff 都能正常识别。

三位的十六进制代码怎么处理？像 #abc 这样的简写代码，会在转换前自动展开为 #aabbcc。

RGB 的最大值是多少？每个通道的取值范围是 0（十六进制 00）到 255（十六进制 FF），合计可表示 16,777,216 种颜色。