通过MCP连接 →

输入计算

输入六位(或三位)十六进制代码,加不加 # 均可。

数学公式

广告

结果

RGB 颜色
rgb(52, 152, 219)
from #3498DB
红色 (R) 52
绿色 (G) 152
蓝色 (B) 219

什么是 Hex 转 RGB 转换器?

十六进制(Hex)颜色代码是一种用六位十六进制数字表示颜色的方式,在网页设计、CSS 和数字图像处理中应用极为广泛。它用十六进制数字(0–9 和 A–F)分别编码红、绿、蓝三个颜色通道的强度。本转换器能把诸如 #3498DB 这样的十六进制代码,转换成各类设计软件、编程语言和图像编辑器常用的 RGB 三元组数值。

拆分为红、绿、蓝数值对的十六进制颜色代码,附带色块
十六进制代码分成三组,分别对应红、绿、蓝的值。

如何使用

在上方输入框中填入你的十六进制颜色代码。无论开头加不加 # 都可以正常识别。工具同时支持标准的六位代码(#RRGGBB)和三位简写(#RGB),简写会自动补全(例如 #0AF 会展开为 #00AAFF)。转换结果会显示完整的 rgb(r, g, b) 字符串、每个通道的数值,以及一块实时颜色预览。

计算原理

每个颜色通道占两位十六进制数字。前两位代表红色,中间两位代表绿色,最后两位代表蓝色。每一对数字都从十六进制(16 进制)换算为十进制(10 进制):

$$(R,\,G,\,B) = \bigl(\text{hex}_{[1\text{-}2]},\ \text{hex}_{[3\text{-}4]},\ \text{hex}_{[5\text{-}6]}\bigr)_{16}$$ $$\text{where}\quad \left\{ \begin{aligned} R &= \text{Int}_{16}\!\left(\text{Hex}[1\text{-}2]\right) \\ G &= \text{Int}_{16}\!\left(\text{Hex}[3\text{-}4]\right) \\ B &= \text{Int}_{16}\!\left(\text{Hex}[5\text{-}6]\right) \end{aligned} \right.$$R = int(hex[0:2], 16)G = int(hex[2:4], 16)B = int(hex[4:6], 16)。每个通道的取值范围为 0(00)到 255(FF)。

两位十六进制数字转换为 0 到 255 的十进制数值
每组十六进制数字从十六进制转换为十进制通道值(0-255)。

实例演算

#3498DB 为例。红色对应 34,即 \(3\times16 + 4 = 52\);绿色对应 98,即 \(9\times16 + 8 = 152\);蓝色对应 DB,其中 \(D = 13\)、\(B = 11\),即 \(13\times16 + 11 = 219\)。因此 #3498DB = rgb(52, 152, 219)

常见问题

FFFFFF 会转换成什么? 纯白色:rgb(255, 255, 255)。而 000000 是纯黑色:rgb(0, 0, 0)。

可以输入三位代码吗? 可以。三位简写会把每一位翻倍——#F00 展开为 #FF0000 = rgb(255, 0, 0)。

# 号是必填的吗? 不是。转换器会自动去掉开头的 # 号,所以 #1A2B3C1A2B3C 都能识别。

最后更新: