RGB 转 HEX 颜色转换器
把 RGB 颜色值快速转换成 HEX 代码，适合网页样式、组件库和设计系统工作流。
颜色预览#3b82f6
示例颜色
当前 RGB 值有效，HEX 结果已可直接复制。
使用说明
- 在输入框中粘贴或输入一个 RGB 颜色值。
- 工具会自动校验语法并生成对应的 HEX 结果。
- 复制结果用于 CSS、Tailwind 或设计文档。
- 可通过示例值快速体验常见颜色。
- 预览区域会同步显示当前颜色效果。
关于 RGB 转 HEX
为什么要把 RGB 转成 HEX？
RGB 更适合调节颜色通道，但 HEX 在前端代码和设计系统中更常见、也更简洁，因此经常需要做这种转换。
转换原理
RGB 的每个通道取值范围都是 0 到 255，转换时会分别转成两位十六进制数，再组合成以 # 开头的六位颜色代码。
主要特性
- • 快速校验 RGB 语法
- • 即时输出 HEX 结果
- • 支持颜色预览
- • 复制按钮可直接使用
常见应用
- • 生成 CSS 颜色变量
- • 整理设计系统颜色
- • 转换设计交付数值
- • 统一前端颜色令牌
使用提示
HEX 代码更紧凑，适合样式表、设计系统和组件库文档中的颜色表达。