HEX 转 RGB 颜色转换器
在浏览器中即时把 HEX 色值转换为 RGB，适合 CSS、设计稿交付和前端调色。
颜色预览#3b82f6
示例颜色
当前 HEX 值有效，RGB 结果已实时更新。
使用说明
- 输入一个 HEX 颜色值，或直接使用下方取色器选择颜色。
- 工具会立即校验输入并转换成 RGB 格式。
- 点击复制按钮可以快速获取 RGB 结果。
- 可以使用示例颜色快速测试常见品牌色或界面色。
- 通过预览色块确认视觉效果后再复制使用。
关于 HEX 转 RGB
为什么要把 HEX 转成 RGB？
HEX 在样式表中很常见，但 RGB 更适合明确查看红、绿、蓝三个通道数值，在 Canvas、图形处理和设计交付场景中更直观。
HEX 的组成方式
标准六位 HEX 颜色会把红、绿、蓝三个通道各用两位十六进制表示。例如 #3b82f6 对应 red 59、green 130、blue 246。
主要特性
- • 本地即时转换
- • 实时颜色预览
- • 一键复制 RGB 结果
- • 内置常用示例
常见应用
- • 把设计稿颜色转成 CSS 值
- • 查看颜色通道细节
- • 整理 UI 配色令牌
- • 核对品牌色映射
使用提示
HEX 格式简洁，适合 CSS 变量、设计稿标注和 Tailwind 配色令牌。