颜色格式转换器:HEX 与 RGB 颜色值互转
你是不是也遇到过这种情况:设计稿上标的是"#3A86FF"这样的 HEX 色值,而你手上的 CSS 需要写成 rgb() 格式;或者反过来,程序里算出一个 RGB 值,要填到只认十六进制的配置项里。心算 58、134、255 对应的十六进制?没人想干这事。
这个工具能做什么
颜色格式转换器专治颜色格式互转:
- 输入 HEX 色值,立即得到对应的 RGB 三个分量数值。
- 输入 RGB 数值,反向算出标准的十六进制 HEX 色值。
- 即输即转,不用点按钮等加载,调试样式时随手就能查。
所有转换都在浏览器本地完成,数据不上传服务器,打开即用。
怎么用
- 打开颜色格式转换器。
- 输入 HEX 色值(如 #3A86FF)或 RGB 数值。
- 复制转换后的结果,粘贴到代码或设计工具里。
常见使用场景
前端样式开发:设计稿给的 HEX 值需要转成 rgba() 加透明度做半透明遮罩,先查出 RGB 分量再拼透明度,是每天的常规操作。
设计稿对接:设计软件里拾色器显示的是 RGB,而前端代码习惯用 HEX,对接时用它互转,确保两端颜色分毫不差。
跨工具配色迁移:把一套配色从 Sketch 迁到 CSS、从网页迁到图表库,不同工具认的格式不同,统一转换一遍避免肉眼对色。
小结
颜色格式转换本身毫无技术含量,但手动换算就是容易错。把它交给颜色格式转换器,HEX 和 RGB 之间随意切换,省下的精力留给真正的设计。同站还有更多开发工具,都可以在OhMyTools找到。