颜色转换器
转换可编辑的 HEX、RGB、RGBA、HSL、HSLA 和 HSV 值，同时预览相同颜色，并复制您的代码或设计系统所需的格式. 此工具无需安装，所有处理均在当前浏览器本地完成…
开始使用
此工具能帮您做什么
转换可编辑的 HEX、RGB、RGBA、HSL、HSLA 和 HSV 值，同时预览相同颜色，并复制您的代码或设计系统所需的格式。
示例
输入
#3B82F6
结果
rgb(59, 130, 246) · hsl(217, 91%, 60%)
结果如何产生
RGB 存储红、绿、蓝通道强度。HSL 描述色相、饱和度和亮度；HSV 使用明度代替亮度。转换保留所表示的颜色，但受舍入和色域限制。
实用场景
- 将设计文件中的颜色转换为 CSS
- 从品牌 HEX 值创建可编辑的 HSL 变体
- 使用叠加层前验证 alpha 值
重要限制
- 没有 alpha 通道的 HEX 是完全不透明的。
- 重复转换可能因通道舍入而改变最后一位数字。
- 等效数值在未校准的显示器上可能看起来不同。
常见问题
HEX 和 RGB 颜色有区别吗？
它们是同一 RGB 通道模型的两种表示法；#3B82F6 和 rgb(59,130,246) 表示相同的颜色。
转换颜色能提高对比度吗？
不能。转换改变表示法，不改变对比度。请测试实际的前景色和背景色组合。
具体示例
假设您有一个品牌色 HEX 值 #3B82F6，需要转换为 HSL 用于 CSS。输入该值，工具会显示对应的 RGB 和 HSL 值，例如 rgb(59, 130, 246) 和 hsl(217, 91%, 60%)，您可以直接复制使用。
输入与输出
输入：一个颜色值，支持 HEX、RGB、RGBA、HSL、HSLA 或 HSV 格式。
输出：同一颜色的其他格式表示，并附有颜色预览。
常见问题
转换后的颜色与原始颜色有细微差异，为什么？
HEX 和 RGB 使用整数通道，而 HSL 和 HSV 需要舍入，因此来回转换可能产生 1 个单位的差异。
转换能提高颜色对比度吗？
不能，转换只改变表示方式，不改变颜色本身。对比度需通过调整颜色值来实现。
透明度会保留吗？
只有包含 alpha 通道的格式（如 RGBA、HSLA）会保留透明度；六位 HEX 不包含 alpha。
此工具无需安装，所有处理均在当前浏览器本地完成，不会上传输入内容或本地文件。