设计
颜色转换器
HEX↔RGB↔HSL颜色代码转换
#3A86FF
HEX
RGB
rgb(58, 134, 255)HSL
hsl(217, 100%, 61%)关于此工具
颜色转换器可以在HEX、RGB、HSL三种颜色代码之间实时转换，完全免费。使用取色器直接选择颜色或输入代码，其他格式会自动计算。适用于网页设计、CSS编码和数字设计工作。
使用方法
- 点击取色器或输入HEX代码。
- 使用RGB、HSL滑块精细调整颜色。
- 点击复制按钮将所需格式的代码复制到剪贴板。
常见问题
HEX、RGB、HSL分别是什么？
HEX用6位十六进制数表示（#FF5733），RGB用红绿蓝0~255的值表示（rgb(255,87,51)），HSL用色相、饱和度、亮度表示（hsl(14,100%,60%)）。根据用途选择方便的格式即可。
CSS中应该用哪种格式？
HEX最常用，但调整亮度或饱和度时HSL更直观。需要透明度时RGB（rgba）很方便。
输入的颜色信息会被保存吗？
不会。所有转换都在浏览器中完成，不会发送到服务器。
结果仅供参考，请向官方机构确认准确信息