颜色 Hex 转 RGB
粘贴 #FF5733 或短写 #F53，也支持带透明的 #RRGGBBAA。浏览器内即时预览色块，并输出 rgb()/rgba()。
示例
点击任意一行，即可填入上方并转换
| 输入 | 输出 | — |
|---|---|---|
设计师给的色值常是 Hex，而有的组件库要 RGB 通道。本页在浏览器里即时预览，并支持短写与 8 位透明 Hex。
这和「十六进制转十进制」不是一回事：颜色工具按红绿蓝通道解析；任意进制数字请用 数据转换。
怎么把 Hex 转成 RGB
- 粘贴 #FF5733、#F53 或带透明的 #RRGGBBAA
- 也可点色盘选色；需要时调透明度
- 复制 rgb()/rgba() 结果，或对照预览色块写 CSS
适合什么场景
- 设计稿 Hex → 前端 rgb()/rgba()
- 快速确认短写 #RGB 展开后的通道
- 带透明的 8 位 Hex 一键变成 rgba
常见用法
- 把 Figma / Sketch 色值写进 CSS 变量
- 检查半透明遮罩的实际通道
- 和 对比度检查 搭配验证可读性
小提示
常见问题
- 短写 #F53 能用吗？
- 可以。每位会加倍（#F53 → #FF5533）再转成 RGB。
- 透明度怎么处理？
- 八位 Hex #RRGGBBAA 会转成 rgba()，透明度在 0–1 之间，预览也会显示半透明。
- 和「十六进制转十进制」一样吗？
- 不一样。颜色工具按红绿蓝通道解析；任意数字请用进制转换工具。