RGB转十六进制颜色转换器

输入计算

红色 (0-255)

绿色 (0-255)

蓝色 (0-255)

结果

十六进制颜色代码

#FF6347

CSS十六进制写法

红	255
绿	99
蓝	71
十六进制	#FF6347

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

这款工具可以把RGB颜色——由红（Red）、绿（Green）、蓝（Blue）三个通道组成，每个通道取值范围为0到255——转换成形如#RRGGBB的十六进制颜色代码。十六进制色值是HTML、CSS、SVG以及大多数设计软件中指定颜色的标准方式，因此对前端开发者和设计师来说，从RGB转换色值几乎是每天都会遇到的任务。

RGB 转十六进制转换器将红、绿、蓝值转换为单个 #RRGGBB 代码。

使用方法

分别输入红、绿、蓝三个通道的数值，每个值介于0到255之间，即可读取对应的十六进制代码并查看颜色预览块。若输入值超出范围，工具会自动将其限制在0-255之间。

公式解析

每个通道的数值（0-255）都会被写成两位的十六进制数。第一位是该数值除以16的商（高四位），第二位是除以16的余数（低四位），用0-9和A-F这些字符来表示。最后把三组两位结果拼接在#之后即可：

$$\text{Hex} = \text{\#} \, \overline{\text{Red}}_{16} \, \overline{\text{Green}}_{16} \, \overline{\text{Blue}}_{16}$$

每个通道（0-255）用 0-9 和 A-F 符号转换为两位十六进制数字。

实例演算

以"番茄红（tomato）"为例：\(R=255\)，\(G=99\)，\(B=71\)。对于R：\(255 \div 16 = 15 \to \text{F}\)，余数15 → F，因此为"FF"。对于G：\(99 \div 16 = 6 \to 6\)，余数3 → 3，因此为"63"。对于B：\(71 \div 16 = 4 \to 4\)，余数7 → 7，因此为"47"。拼接后即为：#FF6347。

常见问题

为什么十六进制代码是6位？三个通道各用两位十六进制数表示（\(2 \times 3 = 6\)），足以覆盖全部16,777,216种可能的颜色。

可以用大写或小写吗？在CSS中大小写都有效。本工具输出的是大写字母（A-F）；#ff6347和#FF6347表示的是同一种颜色。

透明度怎么处理？标准的十六进制代码不包含透明通道（alpha）。八位的#RRGGBBAA格式可以额外表示不透明度，但本转换器生成的是常用的6位代码。