颜色转换工具 – HEX、RGB、HSL、HSV、CMYK 互转

在 HEX、RGB、HSL、HSV 和 CMYK 颜色格式之间自由转换,内置拾色器、WCAG 对比度检测和颜色名称库。

免费使用 →

功能特性

🔄

全格式互转

同时在 HEX、RGB、RGBA、HSL、HSLA、HSV 和 CMYK 格式之间相互转换。

🎨

可视化拾色器

交互式色环与饱和度/亮度选择面板,点击即可选取任意颜色。

👁️

WCAG 对比度检测

检测文字与背景颜色的对比度,验证是否符合 WCAG AA 和 AAA 无障碍标准。

📋

颜色名称识别

自动显示与所选颜色最接近的 CSS 颜色名称。

🔒

隐私优先

所有转换均通过纯 JavaScript 本地完成,不发送任何网络请求。

📋

一键复制

点击任意格式的颜色值即可复制到剪贴板。

使用方法

1

选取或输入颜色

使用可视化拾色器,或输入颜色代码(HEX、RGB、HSL),也可从命名颜色列表中选择。

2

查看所有格式

即时看到颜色转换后的 HEX、RGB、HSL、HSV 和 CMYK 值。

3

检测对比度

输入第二个颜色,检查 WCAG 对比度比值及合规等级。

4

复制结果

点击任意格式的值即可复制到剪贴板。

常见问题

支持哪些颜色格式?
支持 HEX(#RRGGBB、#RGB)、RGB/RGBA、HSL/HSLA、HSV 和 CMYK,所有格式均可双向转换。
什么是 WCAG 对比度检测?
WCAG 规定了文字与背景颜色之间的最低对比度要求。AA 级要求普通文字达到 4.5:1、大号文字达到 3:1;AAA 级则分别要求 7:1 和 4.5:1。
什么是感知亮度?
一种计算颜色在人眼中显示亮度的公式(根据人眼对不同颜色的敏感度加权)。适用于在彩色背景上选择合适的文字颜色。
CMYK 转换是如何实现的?
使用标准的 RGB 到 CMYK 转换公式进行计算。请注意,印刷级精确的 CMYK 转换需要使用色彩配置文件。
我的数据会上传到服务器吗?
不会。所有颜色转换均在浏览器中通过 JavaScript 本地完成,不会发送任何网络请求。

← 返回 pudone! 首页