关于 HEX转RGB 工具
HEX 转 RGB 工具帮助你快速将十六进制颜色值转换为 RGB（红绿蓝）格式。无论是前端开发写 CSS、设计软件配色、还是日常调色需要，只需输入 HEX 色值即可立即获得对应的 RGB 数值，实时预览颜色效果，一键复制结果，所有计算在浏览器本地完成，数据不上传。
什么是 HEX 颜色？
HEX（十六进制）颜色是网页设计中最常用的颜色表示方式，格式为 #RRGGBB，其中：
- RR：红色通道，00（最暗）到 FF（最亮）
- GG：绿色通道，00（最暗）到 FF（最亮）
- BB：蓝色通道，00（最暗）到 FF（最亮）
此外还有 3 位简写格式 #RGB，每一位会被重复一次，如 #AF7 等价于 #AAFF77。
什么是 RGB 颜色？
RGB 颜色模型是一种加色模型，通过红（Red）、绿（Green）、蓝（Blue）三种颜色光的不同强度组合来产生各种颜色。每个通道的取值范围是 0-255：
- R（红）：0-255，数值越大红色越亮
- G（绿）：0-255，数值越大绿色越亮
- B（蓝）：0-255，数值越大蓝色越亮
当三个通道都为 0 时是黑色，都为 255 时是白色。
HEX 和 RGB 的区别
| 对比项 | HEX | RGB |
|---|---|---|
| 表示方式 | 十六进制 | 十进制 |
| 格式示例 | #A855F7 | rgb(168, 85, 247) |
| 可读性 | 较低 | 较高 |
| 常用场景 | CSS、HTML、设计软件 | CSS、图像编辑、编程 |
| 字符长度 | 7位（含#） | 长度不固定 |
如何使用 HEX 转 RGB 工具
- 在左侧输入框中输入 HEX 颜色值（如 #A855F7），或点击颜色选择器直接选色。
- 右侧会实时显示对应的 R、G、B 三个通道的数值。
- 点击任意「复制」按钮，将数值复制到剪贴板。
- 支持 3 位简写 HEX 格式，会自动扩展为 6 位。
常见 HEX 颜色示例
| 颜色 | HEX | RGB | 说明 |
|---|---|---|---|
| 黑 | #000000 | rgb(0, 0, 0) | 纯黑 |
| 白 | #FFFFFF | rgb(255, 255, 255) | 纯白 |
| 红 | #FF0000 | rgb(255, 0, 0) | 纯红 |
| 绿 | #00FF00 | rgb(0, 255, 0) | 纯绿 |
| 蓝 | #0000FF | rgb(0, 0, 255) | 纯蓝 |
| 黄 | #FFFF00 | rgb(255, 255, 0) | 纯黄 |
| 玫红 | #A855F7 | rgb(168, 85, 247) | 主题色 |
工具特点
- 一键转换：输入 HEX 立即得到 RGB 结果，实时同步。
- 可视化选色：内置颜色选择器，点击即可直观选色。
- 实时预览：色块实时显示当前颜色，一目了然。
- 支持简写：支持 3 位简写 HEX 格式，自动扩展。
- 一键复制：每个通道和完整格式都可一键复制。
- 本地处理：所有计算在浏览器本地完成，数据不上传。