颜色仅在浏览器内计算，无需上传
WCAG AA 与 AAA • APCA Lc • 本地计算
颜色对比度检查器
检查文本与背景色是否符合 WCAG AA、AAA 对比度要求，同时查看 APCA Lc 指标。支持普通文本、大号文本和 UI 组件，在浏览器中本地计算。
按 WCAG 标准检查颜色对比度
输入文字颜色和背景颜色，即可查看 WCAG 2.x 对比度、普通文本、大号文本与 UI 组件的 AA、AAA 判定，以及 APCA Lc 参考值。调整任一颜色直到达到所需标准。
如何检查颜色对比度
- 1.使用取色器、HEX 输入框或 HSL 滑块设置文字色和背景色
- 2.查看实时更新的对比度和 AA、AAA 判定
- 3.调整明度，或使用自动调整功能使普通文本、大号文本或 UI 组件达到所需级别
- 4.复制 URL，与他人分享完全相同的颜色组合
按 WCAG 2.x 的相对亮度公式计算对比度
显示 APCA 感知对比度 Lc 值，作为辅助参考
颜色组合保留在 URL 中，方便复现或分享检查结果
颜色对比度检查器常见问题
颜色会发送到服务器吗？
不会。页面只根据您输入的两种颜色在浏览器内计算对比度。
对比度数值代表什么？
它比较两种颜色的相对亮度，范围从 1:1（两色相同）到 21:1（黑色与白色）。WCAG 对普通文本的 AA 要求至少为 4.5:1。
AA 和 AAA 分别是什么意思？
它们是 WCAG 的符合级别。普通文本的 AA 至少需要 4.5:1，AAA 至少需要 7:1；大号文本的对应阈值为 3:1 和 4.5:1。
大号文本的判定如何使用？
此项按 WCAG 2.x 的大号文本阈值判定：AA 为 3:1，AAA 为 4.5:1。实际设计是否属于大号文本，还应结合字号和字重确认。
APCA Lc 指标是什么？
APCA 是 WCAG 3 讨论中的感知对比度算法。本页显示其 Lc 值作为补充参考；是否通过仍以 WCAG 2.x 的 AA、AAA 结果为准。
颜色不达标时如何调整？
使用任一颜色旁的“自动调整至 AA”，可调整该颜色的明度，让普通文本达到 4.5:1。之后还可以通过 HSL 滑块微调色相、饱和度和明度。