HEX 转 RGB 颜色转换器

输入计算

HEX 颜色代码 请输入 3 位或 6 位十六进制代码，开头的 # 可加可不加。

结果

RGB 颜色

rgb(52, 152, 219)

from #3498DB

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

什么是 HEX 转 RGB 转换器？

HEX 转 RGB 转换器可以把十六进制颜色代码（也就是在 CSS、HTML 和各类设计工具中常见的六位字符写法）转换成对应的 RGB 数值。RGB 用红、绿、蓝三个通道来描述一种颜色，每个通道的取值范围都是 0 到 255。而十六进制代码则把这三个数值压缩成一串紧凑的十六进制字符串，例如 #3498DB。

使用方法

在输入框中填写任意十六进制颜色代码。开头的 # 可加可不加；也可以使用 3 位简写形式（例如 #0AF），系统会自动将其扩展为完整的 6 位写法（#00AAFF）。点击计算，即可看到对应的 RGB 三元组、颜色色块，以及每个通道的具体数值。

公式详解

一个 6 位的十六进制代码会被拆分成三组、每组两位：第 1–2 位代表红色，第 3–4 位代表绿色，第 5–6 位代表蓝色。每一组都是一个十六进制（base-16）数字，需要换算成十进制（base-10）。举例来说，FF 等于 \(15\times16 + 15 = 255\)，即最高强度；而 00 则等于 0。

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

6 位十六进制代码分成三对，每对转换为 R、G、B 的 0-255 数值。

实例演示

以 #3498DB 为例：红色 = 34 = \(3\times16 + 4 = 52\)；绿色 = 98 = \(9\times16 + 8 = 152\)；蓝色 = DB = \(13\times16 + 11 = 219\)。最终结果为 rgb(52, 152, 219)——一种柔和悦目的中蓝色。

示例：#FF8800 转换为 RGB (255, 136, 0)，一个橙色色块。

常见问题

必须输入 # 符号吗？不需要。转换器会自动去掉它，所以 3498db 和 #3498DB 得到的结果完全相同。

十六进制代码区分大小写吗？不区分。ff 和 FF 是一样的；工具会统一将其转换为大写。

3 位的简写代码怎么处理？像 #F00 这样的简写会把每一位字符各重复一次，扩展为 #FF0000，也就是 rgb(255, 0, 0)（纯红色）。