颜色转换在你的浏览器中进行,不会上传。

颜色转换器

粘贴 HEX、RGB 或 HSL 颜色,即时转换成干净的 HEX、RGB 和 HSL 值,并附带实时预览色块。

颜色转换在你的浏览器中进行,不会上传。

转换颜色格式

颜色预览

HEX

#4f46e5

RGB

rgb(79, 70, 229)

HSL

hsl(243, 75%, 59%)

面向设计与 CSS 的快速颜色格式转换

当你需要在设计工具、CSS 值、样式指南、品牌色板和快速原型之间切换时,都可以用这个颜色转换器。它支持常见的 HEX、RGB、RGBA、HSL 和 HSLA 输入格式。

转换在你的浏览器本地完成。最后一个有效颜色会保留在预览色块上,方便你在修正无效值时不丢失视觉参考。

如何使用这个工具

  1. 输入颜色

    粘贴 HEX、RGB、RGBA、HSL 或 HSLA 颜色值,或从取色器选择颜色。

  2. 查看转换后的格式

    查看实时的 HEX、RGB 和 HSL 输出以及预览色块。

  3. 复制需要的值

    点击 HEX、RGB 或 HSL 旁的复制按钮,把值粘贴到你的 CSS、设计文件或文档中。

常见问题

这个颜色转换器会上传我的颜色输入吗?

不会。解析和转换都在你的浏览器本地完成。

支持哪些颜色格式?

支持 #4f46e5 这类 HEX 值、RGB/RGBA 值和 HSL/HSLA 值。

透明度(alpha)值会怎样处理?

可以解析 RGBA 和 HSLA 输入,但转换后的输出会归一化为不含透明度的 HEX、RGB 和 HSL 值。

可以用系统取色器吗?

可以。取色器会与当前有效颜色保持同步,并更新所有转换输出。