RGB转十六进制颜色计算器

输入计算

红色 (0-255)

绿色 (0-255)

蓝色 (0-255)

结果

十六进制颜色代码

#FF6347

RGB(255, 99, 71)

十六进制代码	#FF6347
十进制数值	16,737,095
红色 (R)	255 → FF
绿色 (G)	99 → 63
蓝色 (B)	71 → 47

什么是RGB转十六进制颜色计算器？

这款工具可以把由红（Red）、绿（Green）、蓝（Blue）三个通道定义的颜色，转换成网页、CSS、设计软件和HTML中广泛使用的十六进制颜色代码。每个通道的取值范围都是0到255，计算器会把这三个数字转换成大家熟悉的代码，例如#FF6347，同时给出对应的十进制数值。页面上的实时色块还能让你直观看到这个颜色的真实效果。

RGB加色混合：红、绿、蓝组合形成全彩光谱。

使用方法

分别在红、绿、蓝三个输入框中填入0到255之间的数值，点击计算，即可看到十六进制代码、十进制颜色值，以及每个通道如何对应到两位十六进制字符。算出结果后，直接复制十六进制代码粘贴到你的CSS或设计软件中即可使用。

计算公式详解

每个通道都是一个8位数字（0-255），刚好对应两位十六进制字符（00-FF）。要得到合并后的十进制数值，就把红色乘以65536（16⁴），绿色乘以256（16²），再加上蓝色：

$$\text{Decimal} = 65536\cdot\text{Red} + 256\cdot\text{Green} + \text{Blue}$$

而十六进制代码，其实就是把每个通道分别用16进制表示，再用前缀#拼接起来。

$$\text{Hex} = \#\,\text{hex}_2\!\left(\text{Red}\right)\,\text{hex}_2\!\left(\text{Green}\right)\,\text{hex}_2\!\left(\text{Blue}\right)$$

每个RGB通道（0-255）转换为两位十六进制数，组合成六位十六进制颜色代码。

实例演示

以RGB(255, 99, 71)——也就是"番茄红"为例。红色255 = FF，绿色99 = 63，蓝色71 = 47，拼起来的十六进制代码就是#FF6347。它的十进制数值为

$$255\times65536 + 99\times256 + 71 = 16{,}711{,}680 + 25{,}344 + 71 = 16{,}737{,}095$$

常见问题

为什么每个通道刚好是两位十六进制字符？因为255用十六进制表示就是FF——两位字符正好可以覆盖0到255之间的所有数值。

十进制数值能直接用在代码里吗？可以。许多图形API都接受这个单一整数（例如16737095）作为打包后的颜色值。

十六进制和RGB有什么区别？它们只是用不同的写法描述同一种颜色——十六进制更紧凑，RGB更直观易读。本工具会同时显示这两种格式。