RGB到十六进制转换器

RGB到十六进制转换器可立即将 RGB 颜色值（红、绿、蓝）转换为用于网页设计、CSS 和图形应用程序的十六进制颜色代码。它提供包括 HSL、HSV 和 CMYK 在内的多格式输出，以及 CSS 代码片段、配色方案、WCAG 可访问性对比度检查和最近命名颜色匹配。

RGB 到十六进制转换的工作原理

RGB（红、绿、蓝）和 Hex 是电子显示器使用的相同加色模型的两种不同表示法。每个颜色通道的十进制范围为 0 到 255。要转换为 Hex，每个十进制通道值都表示为两位十六进制数（16 进制），并将这三对值组合在一起并加上 # 前缀。

转换公式

对于每个通道值 V (0–255)：

1. 将 V 除以 16。商是第一个十六进制数字，余数是第二个。
2. 将数字 10–15 映射到字母 A–F。
3. 组合：#RRGGBB

示例： RGB(255, 165, 0) → 255 = FF, 165 = A5, 0 = 00 → #FFA500 (橙色)

颜色格式说明

HEX (十六进制)

Web 开发中最常用的颜色表示法。# 后跟代表 RR、GG、BB 的 6 位十六进制数字。当每对数字相同时，可以使用简写 (#RGB)，例如 #FF0000 → #F00。

HSL (色调、饱和度、亮度)

对设计师来说更直观的模型。色调是色轮上的角度 (0°–360°)，饱和度是鲜艳度 (0–100%)，亮度范围从黑色 (0%) 到纯色 (50%) 再到白色 (100%)。HSL 可以通过调整单个参数轻松创建颜色变化。

HSV / HSB (色调、饱和度、明度 / 亮度)

与 HSL 类似，但对亮度的定义不同。100% 的明度意味着该颜色处于该色调和饱和度下最亮的状态。此模型用于 Photoshop 和 Figma 等许多图形设计应用程序中。

CMYK (青、品红、黄、黑)

印刷中使用的减色模型。屏幕是增加光线 (RGB)，而打印机是混合吸收光线的油墨 (CMYK)。在为物理印刷准备数字设计时，转换为 CMYK 以确保颜色准确性至关重要。

配色方案类型

配色方案是基于颜色在色轮上位置的颜色组合。此工具生成四种类型：

• 互补色： 色轮上直接相对的颜色（相隔 180°）。产生最大的对比度和视觉冲击力。
• 相邻色： 色轮上相邻的颜色（±30°）。营造出自然界中常见的和谐、舒适的设计。
• 三元色： 间距相等的颜色（相隔 120°）。在保持平衡的同时提供充满活力的对比。
• 分裂互补色： 互补色相邻的两种颜色（150° 和 210°）。互补色的柔和替代方案，更具多样性。

WCAG 可访问性对比度

Web 内容可访问性指南 (WCAG) 定义了对比度以确保可读性：

常见的 RGB 到 Hex 转换

常见问题解答

如何将 RGB 转换为 Hex？

要将 RGB 转换为 Hex，请取每个颜色通道值（0-255），除以 16 得到商和余数，然后将每个映射到十六进制数字（0-9, A-F）。将所有三个 2 位十六进制值与 # 前缀组合。例如，RGB(255, 165, 0) 变为 #FFA500：255→FF, 165→A5, 0→00。

RGB 和 Hex 颜色代码有什么区别？

RGB 和 Hex 使用不同的表示法表示相同的颜色。RGB 使用三个十进制数字（0-255）表示红、绿、蓝通道，如 rgb(255, 0, 0)。Hex 使用 # 后跟六位十六进制数字，如 #FF0000。两者编码的颜色信息完全相同——Hex 只是相同 RGB 值的更紧凑的 16 进制表示。

Hex 使用什么颜色模型？

Hex 颜色代码使用 RGB（红、绿、蓝）加色模型，这也是计算机显示器使用的模型。六位十六进制数字代表三对：前两位代表红色，中间两位代表绿色，最后两位代表蓝色。每对范围从 00（0 强度）到 FF（最大 255 强度）。

什么是 WCAG 对比度？

WCAG 对比度衡量两种颜色之间的亮度差异，用于确保视觉障碍人士的文本可读性。比例范围从 1:1（无对比）到 21:1（最大）。WCAG 2.0 要求普通文本至少为 4.5:1（AA 级），大文本至少为 3:1（AA Large），增强对比度至少为 7:1（AAA 级）。

如何将 RGB 转换为 HSL？

将 RGB 转换为 HSL：将 R,G,B 归一化为 0-1，找到最大值和最小值，计算亮度为 (max+min)/2，饱和度取决于亮度，而色调是根据哪个通道占主导地位计算的（红色为 0°，绿色为 120°，蓝色为 240°），并根据通道之间的差异进行调整。

什么是 CMYK，我该什么时候使用它？

CMYK 代表青色 (Cyan)、品红色 (Magenta)、黄色 (Yellow) 和黑色 (Key)。它是印刷中使用的减色模型。虽然 RGB/Hex 用于屏幕（加法混光），但 CMYK 对于印刷设计至关重要，因为打印机混合的是油墨而不是光。将 RGB 转换为 CMYK 有助于确保您的数字颜色正确转换为印刷材料。

其他资源

• WCAG 2.1 对比度指南