WCAG 2.2 颜色对比度检查器
在您的浏览器中本地运行按 WCAG 2.2 AA 和 AAA 检查文字与 UI 颜色对比度，并修正不通过的颜色组合
正在恢复已保存的颜色…
什么是 WCAG 2.2 颜色对比度检查器？
WCAG 2.2 颜色对比度检查器测量前景色与背景色之间的对比度，并报告文本 AA 和 AAA（成功标准 1.4.3 和 1.4.6）以及 UI 组件和图形对象（成功标准 1.4.11）是否通过。它支持 HEX、rgb()、hsl()、hwb()、lab()、lch()、oklab()、oklch()、color() 和 CSS 颜色名，将颜色组合预览为文字和控件，并在不通过时建议最接近的无障碍颜色。
使用方法
- 1.输入或选择前景色和背景色。
- 2.查看对比度以及每条 WCAG 2.2 标准的通过/不通过行。
- 3.检查普通文本、大号文本和控件预览。
- 4.如有检查未通过，选择“调整前景色”或“调整背景色”到 AA 或 AAA，对比原始颜色和建议颜色，然后选择“应用”。
- 5.复制结果摘要或 CSS 声明。
对比度如何计算
每种颜色都会转换为 sRGB，并按 WCAG 公式计算相对亮度（线性化阈值 0.04045）。对比度为 (L1 + 0.05) / (L2 + 0.05)。显示时保留两位小数，但每个通过/不通过判断都使用未舍入的值，因此 4.499:1 即使显示为 4.50:1 也不能通过 AA。半透明前景色会按 sRGB 通道合成到背景色上，半透明背景色会合成到底色（默认白色）上，与浏览器的绘制方式一致。超出 sRGB 的颜色（例如高饱和的 Display P3 或 OKLCH 值）会在测量前裁剪到 sRGB，工具会给出提示。
限制与隐私
本工具只测量一组颜色，不评估字体渲染、图片或渐变上的文字，也不评估其他 WCAG 标准；如需审查整个页面，请使用 Web Accessibility Checker。WCAG 2.2 中的大号文本为至少 18 点，或 14 点粗体（约 24px，或 18.66px 粗体）。颜色在浏览器中处理，最后一组颜色只保存在此浏览器的本地存储中。
