通过MCP连接 →

输入计算

数学公式

广告

结果

十六进制颜色代码
#FF6347
rgb(255, 99, 71)
红色 255
绿色 99
蓝色 71

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

这个工具可以把RGB模式下的颜色——由红(Red)、绿(Green)、蓝(Blue)三个通道组成,每个通道取值范围为0到255——转换成形如#RRGGBB的十六进制颜色代码。十六进制代码是在HTML、CSS、设计软件以及大多数数字工具中指定颜色的标准方式,因此把RGB值转成十六进制,是网页开发者和设计师日常都会用到的操作。

RGB 通道组合成单一颜色及其十六进制代码
红、绿、蓝通道的值组合成一种颜色,用十六进制代码表示。

使用方法

分别输入红、绿、蓝三个通道的数值,每个值介于0到255之间。点击"计算",工具会返回对应的十六进制代码,并显示一个实时色块,方便你直观确认结果。如果输入的数值超出0-255范围,系统会自动将其限制在有效区间内。

计算公式详解

每个通道都是0到255之间的整数,这恰好是一个字节能表示的范围(十六进制中的00到FF)。转换器会把每个通道格式化为两位、不足补零的大写十六进制数,再依次拼接起来:

$$\text{Hex} = \text{\#} \; \texttt{[}\text{Red}\texttt{]}_{16} \, \texttt{[}\text{Green}\texttt{]}_{16} \, \texttt{[}\text{Blue}\texttt{]}_{16}$$

例如,数值255对应FF,0对应00。从数学角度看,通道值v可拆分为高位\(\lfloor v/16 \rfloor\)和低位(\(v\)除以16的余数)。

0 到 255 的颜色通道值映射为 00 到 FF 的两位十六进制数
每个 0-255 的通道值对应一个从 00 到 FF 的两位十六进制数。

实例演示

以CSS中的"番茄红"(tomato)为例:R = 255,G = 99,B = 71。255的十六进制是FF。\(99 = 6 \times 16 + 3 = 63\)。\(71 = 4 \times 16 + 7 = 47\)。拼接后得到#FF6347——这正是CSS标准中的"tomato"颜色。

常见问题

每对十六进制数字代表什么?第一对代表红色,第二对代表绿色,第三对代表蓝色——每对的取值从00(完全没有)到FF(最大强度)。

为什么用大写字母?十六进制代码不区分大小写,使用大写只是常见惯例,#ff6347同样有效。

可以输入小数吗?不可以——RGB通道值是0到255之间的整数。如果输入小数,系统会向下取整。

最后更新: