CSS 颜色转换器

转换用于 CSS、设计令牌和文档的 HEX、RGB、HSL、HSV 和 CMYK 颜色。一切都在您的浏览器中本地运行。

输入 HEX、RGB、HSL、HSV 或 CMYK 颜色值。

HEX

#3366ff

RGB

rgb(51, 102, 255)

HSL

hsl(225, 100%, 60%)

HSV

hsv(225, 80%, 100%)

CMYK

cmyk(80%, 60%, 0%, 0%)

CSS 就绪输出

将 HEX、RGB 和 HSL 值直接复制到样式表、变量和设计令牌文件中。

设计工具格式

在比较调色板时，使用 HSV 进行选择器工作流程，并使用 CMYK 作为快速的面向打印的近似值。

私有本地处理

颜色解析和转换在页面中进行。没有上传端点，也没有服务器端转换步骤。

Related color tools

SCSS 编译器
Compile Sass/SCSS stylesheets online.
CSS 缩小器
Compress CSS code locally in your browser.
CSS Gradient Generator
Create CSS gradients locally
图像取色器
Pick HEX, RGB and HSL values from uploaded or pasted images.
HEX RGB HSL 颜色转换器
Convert common CSS color formats locally.
WCAG 颜色对比度检查器
验证可访问文本和背景颜色对比度。
Image Color Palette Generator
Pick an exact color from a local image.

常见问题解答

使用此转换器时，我的颜色是否会被上传？

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

支持哪些颜色格式？

该工具支持 HEX、RGB、HSL、HSV 和 CMYK 输入，并显示每种格式的转换值。

为什么 CMYK 是近似值？

浏览器颜色基于 RGB。CMYK 输出是标准的数学近似值，可能与特定于印刷的颜色配置文件不同。