颜色转换
输入任意 CSS 颜色——HEX、RGB、HSL、HSLa、HWB、OKLCH、OKLab 或命名颜色——即可立即看到所有等效值，以及与白色和黑色的 WCAG 对比度。
不上传文件 · 所有处理都在此浏览器中完成
对比度（WCAG 2）
| 白底文字 | 黑底文字 | |
|---|---|---|
| 对比度 | ||
| AA 大号文字 (3:1) | ||
| AA 普通文字 (4.5:1) | ||
| AAA 普通文字 (7:1) |
常见问题
什么是 OKLCH？
OKLCH 在感知均匀的色彩空间中用明度、彩度和色相描述颜色。只改明度时色相看起来不变，适合设计系统。所有现代浏览器都在 CSS 中支持它。
为什么 CMYK 标为近似值？
实际印刷色取决于纸张、油墨和 ICC 配置文件。本工具使用不带配置文件的简单公式，精确数值请向印刷厂确认。
可以输入哪些颜色格式？
支持 HEX（#fff、#ffffff、#ffffffff）、rgb()、rgba()、hsl()、hsla()、hwb()、oklch()、oklab() 以及 tomato、rebeccapurple 等 CSS 命名颜色。
WCAG 对比度检查显示什么？
显示你的颜色与纯白色和纯黑色的对比度，以及是否通过 WCAG 2 的 AA（普通文字 4.5:1，大号文字 3:1）和 AAA（普通文字 7:1）标准。
可以离线使用吗？
可以。转换器只使用浏览器内置的 CSS 颜色解析逻辑，页面加载后无需联网即可运行。