颜色转换器
HEX、RGB、HSL 颜色格式相互转换工具
广告位预留
(流量达标后接入百度联盟/Google AdSense)
颜色预览
点击选择颜色
HEX
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
使用说明
- 点击颜色选择器或直接输入颜色值
- 拖动滑块调整 RGB 或 HSL 值
- 所有格式会自动同步转换
- 点击"复制"按钮可以复制对应格式的颜色值
常见问题
HEX、RGB、HSL 有什么区别？
HEX 是十六进制颜色代码，常用于网页开发；RGB 表示红绿蓝三原色的数值，范围 0-255； HSL 表示色相、饱和度、亮度，更符合人类对颜色的感知。
什么时候用 HEX，什么时候用 RGB？
HEX 更简洁，常用于 CSS 样式；RGB 更直观，便于理解和调整；HSL 更适合调整颜色的明暗和饱和度。 现代浏览器都支持这三种格式。
如何选择合适的颜色？
可以使用颜色选择器快速选择，或者通过调整 HSL 的色相（H）来改变颜色类型， 调整饱和度（S）来改变颜色的鲜艳程度，调整亮度（L）来改变颜色的明暗。