颜色转换
HEX 转 RGB 在线转换器
输入 HEX 颜色值即可实时转换为对应的 RGB 数值、CSS 写法和颜色预览，适合前端开发、设计稿还原和配色核对。
实时转换
支持 3 位和 6 位十六进制颜色值，系统会自动转换为标准 RGB 表达形式。
支持 3 位和 6 位十六进制颜色，例如 #F60 或 #FF6600。
- HEX
- #FF6347
- RGB
- 255, 99, 71
- CSS 文字色
- color: #FF6347;
- CSS 背景色
- background-color: #FF6347;
转换规则
HEX 颜色值由 0-9 和 A-F 组成，每两位分别对应 RGB 的一个颜色通道。
例如 `#FF6347` 会转换为 `RGB(255, 99, 71)`。
如果输入的是 3 位颜色值，例如 `#F60`，系统会先扩展为 `#FF6600`，再继续转换为 RGB。
常见使用场景
HEX 转 RGB 常见于设计协作、网页样式和颜色校对。
- 把 CSS 或品牌规范里的 HEX 颜色转换成 RGB 标注。
- 核对浏览器、设计软件和前端代码中的颜色表现。
- 处理透明度、阴影或 Canvas 相关场景中的 RGB 需求。
常见颜色对照表
下面这组常见颜色可以直接查看对应的 HEX 和 RGB，方便你快速核对。
颜色名HEXRGB备注
珊瑚橘#FF7F50255, 127, 80活跃、醒目，适合按钮强调色。
番茄红#FF6347255, 99, 71常见于营销页 CTA 和状态提示。
海盐蓝#1E88E530, 136, 229适合信息类和 SaaS 风格页面。
森林绿#2E7D3246, 125, 50常用于成功反馈与自然主题。
芥末黄#D4A017212, 160, 23适合点缀和强调，不适合作大面积正文背景。
葡萄灰#6D6875109, 104, 117适合中性色辅助块和信息面板。
象牙白#F7F3EA247, 243, 234适合作为大面积背景，降低刺眼感。
墨夜蓝#1F293731, 41, 55适合作为正文、标题和深色背景。
相关工具
你还可以继续使用其他已经可用的颜色转换工具。