免费 HEX 转 RGB 转换器

这款免费的在线 HEX 转 RGB 转换器是一款多功能颜色代码转换工具，不仅提供从 HEX 到 RGB（及反之亦然）的即时转换，还解释了两种颜色系统的基本概念。无论您是使用 CSS 颜色的网页设计师，还是需要快速将 HEX 颜色转换为 RGB 的开发者，此在线 HEX 转 RGB 实用工具都能简化流程。

理解 RGB 和 HEX 颜色模型

RGB（红、绿、蓝）

RGB 是一种加色模型，几乎所有电子显示器——如电脑显示器、电视屏幕、智能手机等——都使用它。颜色是通过混合不同强度的红、绿、蓝光产生的。三个通道中的每一个都由一个介于 0（最低强度）和 255（最大强度）之间的整数表示，每个通道有 256 个可能的级别。

纯色示例：

• 红色：(255, 0, 0)
• 绿色：(0, 255, 0)
• 蓝色：(0, 0, 255)

通过降低通道的强度，可以得到深色调。例如，(0, 0, 128) 产生海军蓝。在极端情况下，(0, 0, 0) 是黑色（无光），而 (255, 255, 255) 是白色（所有通道均为全强度）。

HEX（十六进制）表示

HEX 编码了完全相同的 RGB 颜色信息，但使用 16 进制（十六进制）数字。它不是用逗号分隔的三个十进制数字，而是将它们连接成一个以井号（#）开头的字符串：#RRGGBB。其中，RR、GG 和 BB 是从 00 到 FF 的十六进制对，分别对应红色、绿色和蓝色通道。

例如，RGB 三元组 (76, 175, 80) 变为 #4CAF50。十六进制系统更紧凑，因为两位数字就足以表示一个字节（0–255），而十进制需要最多三位数字。

手动 HEX 到 RGB 转换过程

如果您需要手动进行转换，请按以下系统步骤操作：

1. 拆分代码：如果存在 # 则去掉，将剩余的六个字符分成三对。第一对是红色值，第二对是绿色，第三对是蓝色。
2. 将每对从十六进制转换为十进制：每个十六进制数字的第一位权重为 16，第二位为 1。例如，AF 代表 A (10) × 16 = 160，加上 F (15) × 1 = 15，结果为 175。
3. 写出 RGB 三元组：按顺序列出三个十进制数字，用逗号分隔，并用括号括起来，例如 (R, G, B)。

示例：#4CAF50

• 红色对：4C → 4 × 16 + 12 = 64 + 12 = 76
• 绿色对：AF → 10 × 16 + 15 = 160 + 15 = 175
• 蓝色对：50 → 5 × 16 + 0 = 80
• RGB：(76, 175, 80)

手动转换需要熟悉十六进制算法。如果需要练习，可以考虑使用专用的十六进制到十进制计算器。

使用在线 HEX 转 RGB 转换器

要充分利用此颜色代码转换工具：

• 方向：确保转换器设置为 HEX → RGB（或当需要相反转换时切换到 RGB → HEX）。
• 输入：输入不带前导 # 的 HEX 值（例如 4CAF50）。如果意外包含 #，工具会自动忽略。
• 输出：对应的 RGB 三元组会立即显示。

该工具还支持 HEX 简写记法。如果您使用的是像 #F00 这样的简写代码，请启用“简写”选项，以便转换器在转换前将其扩展为 #FF0000。

HEX 简写记法说明

HEX 简写是一种紧凑的颜色书写约定，其中每个对都由两个相同的十六进制数字组成。您无需写 #RRGGBB，只需写 #RGB，其中每个字母重复以形成完整值。

常见示例：

• #F00 → #FF0000（纯红色）
• #0F0 → #00FF00（纯绿色）
• #00F → #0000FF（纯蓝色）
• #FFF → #FFFFFF（白色）
• #000 → #000000（黑色）

这种简写在网页设计中广泛用于缩短 CSS 颜色声明。当简写选项激活时，在线转换器会准确地解释这些代码。

无论您是需要为设计项目转换单个颜色代码，还是想了解转换背后的数学原理，这款免费的在线 HEX 转 RGB 转换器都能在一步之内提供准确的结果和知识见解。