颜色对比度检查

前景色（文字颜色）

前景色

背景色

示例文本 Sample

大号文本（≥18pt 或 ≥14pt粗体）

示例文本 Sample

普通文本

WCAG 2.1 标准 AAA ≥7:1（最佳） AA ≥4.5:1（普通） AA（大） ≥3:1（大文本）未通过低于对应标准

颜色对比度检查工具简介

颜色对比度检查工具用于检测前景色（文字）与背景色之间的对比度是否符合 WCAG（Web内容无障碍指南）标准。良好的对比度确保所有用户（包括视力障碍者）都能清晰阅读内容。

本工具遵循 WCAG 2.1 AA/AAA 级别标准，支持大号文本和普通文本两种检测标准，帮助设计师和开发者创建更友好的无障碍网页。

所有计算在浏览器本地完成，不会上传任何颜色数据。

1. 使用颜色选择器或直接输入十六进制色值选择前景色（文字颜色）和背景色。

2. 实时查看对比度比值、WCAG通过/失败状态。

3. 预览区域显示大号文本和普通文本的实际效果。

4. 调整颜色直至符合无障碍标准。

对比度是两种颜色之间亮度差异的比值，范围从1:1（无对比度）到21:1（完全对比度，如黑白）。

AA 是基本无障碍标准（普通文本 ≥4.5:1，大文本 ≥3:1），AAA 是增强标准（普通文本 ≥7:1，大文本 ≥4.5:1）。

对比度 = (L1 + 0.05) / (L2 + 0.05)，其中 L1 是较亮颜色的相对亮度，L2 是较暗颜色的相对亮度。相对亮度根据 WCAG 2.1 定义的公式计算。