颜色工具
HEX/RGB/HSL 选择转换
💡 点击颜色面板或下方预设色块选择颜色，即可查看对应的 HEX、RGB、HSL 值，点击复制按钮快速复制
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Presets
分享给朋友：
颜色工具介绍
颜色工具是设计师和开发者的必备工具。无论是网页配色、UI 设计还是前端开发，都离不开颜色值的转换。
本站颜色工具提供直观的颜色选择器，支持 HEX、RGB、HSL 三种格式的实时互转。
选中的颜色会显示实时预览，一键复制颜色值，方便快捷。
使用步骤
- 在颜色选择器中选择颜色
- 或直接输入 HEX/RGB/HSL 颜色值
- 实时查看三种格式的转换结果
- 点击"复制"获取需要的颜色值
常见问题
Q：HEX、RGB、HSL有什么区别？
A：HEX 是十六进制颜色码，RGB 是红绿蓝三通道值，HSL 是色相饱和度亮度，适合调色。
Q：颜色值可以用在哪些地方？
A：可用于 CSS、设计稿标注、开发调试等所有需要颜色值的场景。
Q：支持透明度吗？
A：支持 RGBA 格式，包含透明度通道。