工作原理
用任意常见格式输入颜色,或使用取色器。您会得到同一颜色的 HEX、RGB、HSL 和 CMYK 值,它与白色、黑色文字的对比度及对应的 WCAG 等级,还有一排可点击浏览的浅色和深色色阶。
对比度 = (L1 + 0.05) ÷ (L2 + 0.05),其中 L 为相对亮度
如何看对比度等级
- AAA (7:1 及以上):正文可读性极佳。
- AA (4.5:1 及以上):网站普通文字的最低要求。
- AA Large (3:1 及以上):仅适用于大号或粗体标题和图标。
- 低于 3:1:很多人都难以看清。
使用提示
- CMYK 值是简单换算;印刷机使用色彩配置文件,准确的印刷颜色请以打样为准。
- 8 位 HEX 和 rgba() 包含透明度。
- 点击任意值即可复制。
标准与出处
- 颜色值遵循 CSS Color Module Level 4 (sRGB)
- 对比度和等级遵循 WCAG 2.2 (W3C)
最后核对于 2026年10月7日
常见问题
怎样把 HEX 转换成 RGB?
输入 HEX 代码,例如 #ff6600,RGB 值就会立即显示——这里是 rgb(255, 102, 0)。
需要多高的对比度?
WCAG 要求普通文字至少 4.5:1 (AA),更严格的 AAA 级为 7:1。大号标题需要 3:1。
CMYK 值能直接用于印刷吗?
它们是直接的数学换算。实际印刷效果取决于纸张和油墨配置文件,请以打样确认。
支持透明度吗?
支持。8 位 HEX、rgba() 和 hsla() 值都会保留 alpha 通道。
怎样复制数值?
点击任意 HEX、RGB、HSL 或 CMYK 值即可复制,也可以用复制按钮一次复制全部。