通过MCP连接 →

输入计算

请输入 6 位十六进制代码,开头的 # 号可加可不加。

数学公式

广告

结果

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

什么是十六进制转 RGB?

十六进制颜色代码是一种用 6 位十六进制(即逢 16 进 1)数字来表示颜色的方法,在网页设计和 CSS 中非常常见,例如 #3498DB。其中每两位数字代表红、绿、蓝三个原色通道中的一个。而 RGB 模式则用三个 0 到 255 之间的十进制数来表示同一种颜色。这款转换器可以把十六进制代码换算成对应的 RGB 三元组,并实时显示颜色色块。

如何使用

在输入框中键入或粘贴一个十六进制颜色代码。开头的 # 号可加可不加,两种写法都支持。本工具既支持标准的 6 位代码,也支持 3 位简写(例如 #0AF,会自动扩展为 #00AAFF)。点击"计算"即可看到红、绿、蓝三个数值以及预览色块。

换算公式详解

转换的本质就是一次十六进制解析。先把 6 位字符串拆成三组、每组 2 位字符,再把每组当作一个十六进制数来读取:第一位乘以 16,再加上第二位。所以 "FF" = \(15\times16 + 15 = 255\),而 "00" = 0。通用公式为

$$(R,G,B) = \big(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\big)_{16}$$

其中

$$\left\{ \begin{aligned} R &= \operatorname{int}_{16}\!\left(\text{Hex}_{[1,2]}\right) \\ G &= \operatorname{int}_{16}\!\left(\text{Hex}_{[3,4]}\right) \\ B &= \operatorname{int}_{16}\!\left(\text{Hex}_{[5,6]}\right) \end{aligned} \right.$$

数值 =(第一位 \(\times\) 16)+ 第二位,其中每一位的取值范围是 0–15(A–F 分别代表 10–15)。

十六进制代码被拆分为红、绿、蓝字节对
每对十六进制数分别对应红、绿、蓝三个通道之一(16 进制)。

实例演算

#3498DB 为例,拆分为 34、98、DB 三组。红色 \(= 3\times16 + 4 = 52\);绿色 \(= 9\times16 + 8 = 152\);蓝色 \(= D(13)\times16 + B(11) = 208 + 11 = 219\)。最终结果为 rgb(52, 152, 219) ——一种我们熟悉的天空蓝。

颜色样本预览与 R、G、B 通道条并排显示
RGB 通道组合在一起生成最终的颜色样本。

常见问题

区分大小写吗?不区分。#abcdef#ABCDEF 得到的 RGB 结果完全相同。

3 位代码怎么处理?#F60 这样的 3 位简写,会把每一位都复制一遍,先扩展成 #FF6600 再进行转换。

为什么数值上限是 255?每个通道用两位十六进制数表示,而两位十六进制的最大值 FF 正好等于 255——这样每个通道就有 256 个等级(0–255)。

最后更新: