HEX RGB HSL 颜色转换器

在 HEX、RGB 和 HSL 格式之间转换 CSS 颜色值，具有实时预览和可复制的输出。

所有操作都在你的浏览器本地运行。

CSS 值

Convert pasted colors into copy-ready CSS values for stylesheets, components and design tokens.

设计交接

Move between HEX specs, RGB values from screenshots and HSL adjustments without opening a design app.

私有本地处理

The converter uses browser-native JavaScript only. No upload endpoint or server-side conversion is involved.

Related color tools

Image Color Picker
Pick HEX, RGB and HSL values from uploaded or pasted images.
CSS 颜色转换器
Convert HEX, RGB, HSL, HSV and CMYK colors.

Frequently asked questions

我的颜色值是否已上传？

否。HEX、RGB 和 HSL 转换在您的浏览器中使用 JavaScript 运行。您输入的颜色值不会发送到 Convertr 服务器。

支持哪些 HEX 格式？

该转换器支持 3 位和 6 位 HEX 颜色，例如 #0fa 和 #00ffaa。

我可以粘贴 CSS rgb() 和 hsl() 值吗？

是的。您可以粘贴诸如 rgb(34, 197, 94)、34 197 94、hsl(142, 71%, 45%) 或 142 71% 45% 之类的值。

HSL 有什么用？

HSL 分离了色调、饱和度和亮度，这使得在调整颜色系列、悬停状态和设计令牌时非常实用。