PixConvert

颜色转换器和选择器

选择任意颜色，即可立即获取其 HEX、RGB 和 HSL 值。点击即可副本任何格式——完美适用于 CSS、设计工具和代码。

#3B82F6
六边形
RGB
高速铁路

如何转换颜色

1

使用颜色选择器选择颜色，或直接在任何输入字段中输入 HEX、RGB 或 HSL 值。

2

所有格式都会立即更新——HEX、RGB 和 HSL 值会随着您的更改实时重新计算。

3

点击任意格式旁边的“复制”按钮，即可将值副本到剪贴板，准备粘贴到 CSS、Figma 或代码中。

探索更多工具

探索其他可与此工具完美配合使用的免费工具

image

图像压缩器

在不损失质量的前提下减小文件大小

Try it
image

图像调整器

将图像调整为精确尺寸

Try it
image

背景移除器

利用人工智能精准移除背景

Try it
utility

二维码生成器

立即创建自定义二维码

Try it
image

图片转换器

在 30 多种图像格式之间进行转换

Try it
image

PNG 转 WebP

文件更小，但网页版质量不变。

Try it

常见问题解答

HEX、RGB 和 HSL 有什么区别？

HEX（例如 #FF5733）是 HTML 和 CSS 中使用的十六进制颜色表示法。RGB（例如 rgb(255, 87, 51)）通过红色、绿色和蓝色通道来定义颜色。HSL（例如 hsl(11, 100%, 60%)）通过色调、饱和度和明度来定义颜色——对于进行细微调整的设计师来说，HSL 通常更直观。

我可以直接输入十六进制代码吗？

是的。点击十六进制输入框，输入或粘贴任何有效的六位十六进制代码（例如 #3B82F6）。RGB 和 HSL 值将自动更新。支持三位数 (#RGB) 和六位数 (#RRGGBB) 格式。

颜色数据是否发送到服务器？

不。所有颜色转换都完全在您的浏览器中使用 JavaScript 完成。不会向任何服务器发送任何数据。

我可以使用此工具获取 CSS 颜色值吗？

是的——只需点击 HEX、RGB 或 HSL 旁边的“复制”按钮，然后直接粘贴到 CSS 代码中即可。这三种格式都是有效的 CSS 颜色值，所有现代浏览器都支持。