什么是十六进制转 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)。
实例演算
以 #3498DB 为例,拆分为 34、98、DB 三组。红色 \(= 3\times16 + 4 = 52\);绿色 \(= 9\times16 + 8 = 152\);蓝色 \(= D(13)\times16 + B(11) = 208 + 11 = 219\)。最终结果为 rgb(52, 152, 219) ——一种我们熟悉的天空蓝。
常见问题
区分大小写吗?不区分。#abcdef 和 #ABCDEF 得到的 RGB 结果完全相同。
3 位代码怎么处理?像 #F60 这样的 3 位简写,会把每一位都复制一遍,先扩展成 #FF6600 再进行转换。
为什么数值上限是 255?每个通道用两位十六进制数表示,而两位十六进制的最大值 FF 正好等于 255——这样每个通道就有 256 个等级(0–255)。