🎨 颜色转换器

关于颜色转换

HEX 和 RGB 是 Web 开发中最常用的两种颜色表示方式。HEX 格式以 #RRGGBB 的形式表示颜色，其中 RR、GG、BB 分别代表红、绿、蓝三个通道的十六进制值（00-FF）。RGB 格式以 rgb(r, g, b) 的形式表示，三个分量是十进制值（0-255）。

两种格式本质上是等价的：HEX 的 #FF0000 就是 RGB 的 rgb(255, 0, 0)，都代表纯红色。设计师可能习惯使用 HEX（因为它更简洁），而开发者有时需要 RGB 格式（方便通过程序调整颜色分量）。两种格式可以精确互转，不存在精度损失。

使用说明

1. HEX → RGB — 在 HEX 输入框中输入颜色值（如 #4F46E5 或 4f46e5），点击转换即可看到对应的 RGB 值
2. RGB → HEX — 分别输入 R、G、B 三个通道的值（0-255），点击转换即可得到对应的 HEX 值
3. 颜色预览 — 无论哪种转换方式，结果下方的色块都会实时显示对应的颜色，帮助直观确认

常见应用场景

• 设计稿转代码 — 设计师在 Figma 或 Sketch 中使用的 HEX 颜色值，转换为 RGB 后在 CSS 中使用
• 颜色微调 — 通过 RGB 数值可以更直观地调整颜色的亮度、饱和度等属性
• 渐变计算 — 在两个颜色之间生成渐变时，通常需要 RGB 数值进行插值计算

常见问题

Q: 为什么我输入的 #FFF 不能转换？

缩写形式的 HEX（如 #FFF = #FFFFFF）需要在转换前先补全为 6 位。本工具目前要求输入完整的 6 位 HEX 值。

Q: HEX 和 RGB 哪个颜色更准确？

两种格式表示的颜色完全一样，没有精度差异。#4F46E5 和 rgb(79, 70, 229) 代表同一个颜色。