HEX 与 RGB/RGBA 双向转换
支持十六进制、RGB 和 RGBA 相互换算,适合配色、样式排查和颜色值核对。
支持十六进制、RGB 和 RGBA 相互换算,适合配色、样式排查和颜色值核对。
换算结果会同步展示颜色块,减少来回切换配色工具。
颜色输入、换算和复制都在当前浏览器完成,不上传服务器。
颜色与 HEX 互转 · 本地处理
支持十六进制颜色值和 RGB/RGBA 双向转换,适合配色核对、样式排查和前端调试。
HEX 支持 3/4/6/8 位格式。RGBA 的透明度会按 0-1 转换成十六进制尾字节。
转换结果
rgb(59, 130, 246)
显示模式
HEX -> RGB
透明度
1.00
色值预览
rgb(59, 130, 246)
R
59
G
130
B
246
HEX
3B82F6
工具使用说明
先确认是 HEX 转 RGB,还是 RGB/RGBA 转十六进制。
输入 #RRGGBB、#RRGGBBAA、rgb() 或 rgba() 格式的颜色值。
确认结果和颜色预览后,直接复制到 CSS、设计稿或样式文档。
功能说明
前端开发、设计标注和内容编辑常常会遇到不同格式的颜色值,最快的处理方式就是在一页里直接互转和预览。
把十六进制、RGB 和透明度放到同一处查看,可以明显减少抄错色值的概率。
颜色换算和预览不依赖服务端能力,浏览器本地即可完成全部计算和复制动作。
对未公开设计稿和内部品牌色来说,本地处理也更省心。
常见问题
不会。HEX、RGB、RGBA 的换算和复制都在浏览器本地完成。
支持。RGBA 可以转换为带透明度尾字节的十六进制颜色值。
支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA,以及 rgb() / rgba()。
可以,页面会同步展示颜色块预览。