加载中...
加载中...
颜色转换工具支持HEX、RGB、HSL三种主流颜色格式的互转，输入任意格式颜色，其他格式结果即时显示，附带色块预览。
网页开发中，设计稿给的是HEX色值，CSS里可能需要RGB或HSL；通过HSL可以直观地调整色相、饱和度和明度来派生配色。本工具让这些换算一键完成，并实时预览颜色效果。
还支持透明度（Alpha）通道，方便需要RGBA/HSLA的场景。复制任意格式结果即可直接用于代码。
输入任一格式即时得到 HEX、RGB、HSL、RGBA、HSLA 结果，支持色块预览与一键复制，适合把设计稿色值改写成代码可用的写法。
前端写 CSS 变量、UI 调主题、海报标注色号时常常要在几种表示法间来回换算；本工具把换算、预览与复制合在一页，省去手算公式和来回粘贴的麻烦，也方便对照色块确认没有选错相近色。
输入任意格式的HEX、RGB或HSL颜色。
其他格式结果即时显示，并有色块预览。
通过HSL直观调整色相/饱和度/明度。
复制目标格式用于CSS或设计稿。
想了解更多操作细节、实用技巧与常见疑问？欢迎查看我们的完整使用教程， 从零到一带你把这个工具用熟用透。
色值转换使用教程HEX和RGB本质都是红绿蓝三通道的表示，只是书写方式不同；HSL则是色相(Hue)、饱和度(Saturation)、明度(Lightness)，更符合人类直觉，便于调整颜色关系。
支持。可以处理带Alpha通道的颜色，转换时会同步保留透明度信息。
可以。工具输出的就是标准CSS颜色语法，HEX、RGB、RGBA、HSL、HSLA格式均可直接粘贴使用。