HEX↔RGBA
在HEX和RGBA颜色格式之间转换，支持Alpha通道透明度设置。
配色颜色 · ToolBox
工具介绍
前端开发中经常遇到这样的需求：设计稿给的是HEX色值，但要实现半透明遮罩、渐变阴影时又需要带透明度的RGBA格式。这个HEX↔RGBA转换工具专门解决这个问题，支持双向转换：输入HEX色值和透明度百分比，即时得到RGBA代码；反过来粘贴RGBA值也能还原成HEX并读取透明度。转换过程实时完成，数值精确，不用手算十六进制。适合做CSS样式、组件主题和遮罩层配色的开发者，免费使用，无需注册。
使用步骤
- 选择转换方向：HEX转RGBA，或RGBA转HEX
- 输入颜色值，如#1e90ff；转RGBA时用滑块或输入框设置透明度（0-100%）
- 查看实时生成的目标格式代码和颜色预览
- 点击复制按钮，将结果粘贴到CSS或样式文件中
常见问题
HEX转RGBA时透明度怎么设置？
输入HEX色值后，通过滑块或百分比输入框调整Alpha通道，范围0%（全透明）到100%（不透明），页面会实时显示对应的RGBA代码和预览效果。
RGBA转HEX会丢失透明度吗？
标准6位HEX本身不含透明度信息，转换时工具会单独显示Alpha值，并给出还原不透明部分的HEX色值；如需带透明度的写法，可使用结果中提供的8位HEX（如#1e90ff80）。
8位HEX和RGBA哪个兼容性更好？
两者现代浏览器都支持。RGBA（如rgba(30,144,255,0.5)）兼容性最广，老项目建议优先使用；8位HEX写法更简洁，适合只面向现代浏览器的新项目。