RGB ↔ Hex 转换器

即时切换 RGB 与 Hex 颜色代码,复制任一结果,并查看实时颜色预览。

RGB 转 Hex

输入红、绿、蓝通道值(0–255),即可获得对应的 Hex 代码。

每个通道必须是 0 到 255 之间的整数。

Hex 转 RGB

粘贴 3 位或 6 位的 Hex 颜色即可查看 RGB 表示。

使用 #RRGGBB 或 #RGB 格式,字母大小写不区分。

为什么使用 RGB?

RGB 通过红、绿、蓝三种光的强度来表示颜色,是显示器、LED 以及大多数设计软件的原生格式。

当需要微调对比度、无障碍表现或渐变效果时,分别调整 RGB 通道可以提供精确的控制。

为什么使用 Hex?

Hex 将三个 RGB 通道压缩成六个字符的紧凑代码,便于粘贴到 CSS、设计令牌或代码片段中。

这种格式在不同工具之间容易传递,同时对设计师和开发者都友好易读。

手动转换颜色

按照以下步骤即可手动完成 RGB 与 Hex 的转换。

  • 将每个 RGB 通道写成 0 到 255 之间的数字。
  • 用 16 去除该值:商是第一个十六进制数字,余数是第二个数字。
  • 数值 10–15 对应字母 A–F,将三个二位组合拼成 #RRGGBB。

从 Hex 转到 RGB 时,将字符串按两位拆分,转换为十进制后即可得到各通道值。