十六进制转RGB转换器

输入颜色的十六进制值。

十六进制值：

结果：

CSS颜色：

预览：

红色：

绿色：

蓝色：

十六进制到RGB的转换原理

在计算机领域，尤其是网页设计中，颜色通常以两种格式表示：十六进制（基数16）和 RGB（红、绿、蓝，基数10）。这两种格式都描述了三种原色（红、绿、蓝）的强度，通过不同的组合比例，可以在屏幕上生成任何可见的颜色。

十六进制颜色格式

十六进制格式的颜色由六个字符组成，这些字符可以是数字 0 到 9 或字母 A 到 F。每一对字符对应一种原色（红、绿或蓝）。十六进制值的结构如下：#RRGGBB

RR：对应红色的强度。
GG：对应绿色的强度。
BB：对应蓝色的强度。

RGB颜色格式

RGB 格式使用三个十进制值（基数10）来描述相同的颜色，每个值表示一种原色的强度。每个值的范围是 0 到 255：RGB(R, G, B)

R：红色的强度（0 到 255）。
G：绿色的强度（0 到 255）。
B：蓝色的强度（0 到 255）。

转换过程

要将颜色从十六进制转换为 RGB，请按照以下步骤操作：

分离十六进制组件：取六位十六进制值（例如 #1A2B3C），并将其分成三个部分：
- RR = 1A（表示红色）
- GG = 2B（表示绿色）
- BB = 3C（表示蓝色）
将每一对十六进制数转换为十进制：
- 使用从基数16到基数10的转换公式，将十六进制值转换为十进制。
- 对于红色（RR = 1A）：
  - 十六进制 1A 相当于十进制的 26。
- 对于绿色（GG = 2B）：
  - 十六进制 2B 相当于十进制的 43。
- 对于蓝色（BB = 3C）：
  - 十六进制 3C 相当于十进制的 60。
RGB 格式的最终结果：
- 十六进制颜色 #1A2B3C 转换为 RGB 为：RGB(26, 43, 60)

完整示例

十六进制颜色：#FF5733
- 红色 (RR)：十六进制 FF 等于十进制的 255。
- 绿色 (GG)：十六进制 57 等于十进制的 87。
- 蓝色 (BB)：十六进制 33 等于十进制的 51。
RGB 格式结果：RGB(255, 87, 51)

转换公式

要将每个十六进制组件（RR、GG、BB）转换为十进制，我们使用以下公式：

十进制值 = （左位数字 × 16） + （右位数字 × 1）

例如，对于 1A（红色）：

1（左位数字）= 十进制的 1。
A（右位数字）= 十六进制中的 10（十进制）。

应用该公式：

(1 × 16) + (10 × 1) = 16 + 10 = 26

常见问题

使用 RGB 而不是十六进制有什么优势？

在使用图像编辑器或设计软件时，RGB 格式更直观，因为它以 0–255 的范围显示数值，使颜色调整更加方便。

十六进制格式有简写形式吗？

有。如果每一对字符都相同，可以使用简写形式。例如：#FFFFFF 可以写成 #FFF。

同一种颜色在所有设备上看起来都一样吗？

不一定，因为这取决于屏幕校准、设备技术以及所使用的颜色配置文件。

如何检查两个颜色代码是否表示相同的颜色？

可以将它们转换为相同的格式并比较数值。例如：#FF0000 等于 RGB(255, 0, 0)，两者都是纯红色。

如果 RGB 值超过 255 会怎样？

该值将无效或被浏览器错误解析。RGB 的数值必须始终在 0 到 255 的范围内。

引用此页面

在学术或专业工作中引用此计算器时，您可以使用以下引用格式。

Ramos, J., 十六进制转rgb转换器, 可用网址: https://calcuclub.com/zh/web/color/hex-to-rgb-converter/ (访问日期: 2026年5月11日).