🎨
HEX、RGB、RGBA、HSL、透明度与前端颜色格式转换器
用于在 HEX、RGB、RGBA、HSL 等颜色格式之间转换，并预览颜色结果。适合前端调试、设计交付、主题色检查、CSS 样式整理、透明度换算和颜色值复核，帮助核对设计稿、组件变量和实际样式表。适合在页面实现前确认颜色格式、透明度和视觉一致性。适合前端落地。结果。方法。色值。检查。
R
G
B
如何使用颜色转换器
快速入门指南
1
输入任意格式的颜色值（HEX、RGB、HSL）
2
工具会自动转换为所有其他格式
3
点击颜色预览区域可视化选择颜色
4
使用复制按钮复制不同格式的值
💡实用技巧
✓支持HEX (#RRGGBB)、RGB (r,g,b)和HSL (h,s,l)格式
✓输入时实时转换
✓颜色预览显示准确的颜色效果
✓所有转换都在浏览器本地完成
常见问题
HEX 常用于设计稿和 CSS 变量，RGB/RGBA 适合需要透明度或动态计算的场景，HSL 更方便按色相、饱和度和亮度微调颜色。
8 位 HEX 通常写作 #RRGGBBAA，最后两位表示透明度。例如 FF 是不透明，80 约等于 50% 透明。也有工具使用 #AARRGGBB，复制前要确认顺序。
同一颜色在不同格式之间转换通常不会改变视觉效果。但 HSL 和 RGB 之间可能出现小数取整，极端情况下会有 1 个数值单位的差异。
命名颜色便于快速试色，但生产代码更建议使用 HEX、RGB 或设计系统变量，这样更清晰，也方便统一维护。
还有疑问？查看我们的其他工具或 联系我们 获取支持。