使用方法
- 用颜色选择器或直接输入 HEX 代码来设置背景色和文字颜色。
- 读取以数字显示的对比度（如 4.50:1），并查看预览卡片。
- 查看普通文字 AA、大号文字 AA 和普通文字 AAA 的“通过”或“未通过”标记。
检查器按照 Web 内容无障碍指南（WCAG）的定义计算对比度。每个颜色都用 sRGB 公式转换为相对亮度，对比度等于较亮颜色的亮度加 0.05，再除以较暗颜色的亮度加 0.05。结果保留两位小数，范围从相同颜色的 1:1 到黑底白字的 21:1。默认颜色为白色和黑色。
工具会显示三项结果。AA 级别的普通文字需要至少 4.5 的比值。AA 级别的大号文字需要至少 3。AAA 级别的普通文字需要至少 7。每一项都标记为通过或未通过。对比度本身也用颜色标示。根据 WCAG，大号文字大致指 18 磅常规字重或 14 磅粗体，因此只有当你的文字达到这个大小时才使用大号文字的结果。
预览卡片会使用你选择的两种颜色，显示一个标题和一行示例文字，让你除了数字之外也能直观判断这些颜色。通过评分本身并不保证良好的可读性，因为字重、字号和周围环境同样重要。
颜色必须以 6 位 HEX 代码输入。计算在你的浏览器中完成。
常见问题
我需要达到多少比值？
WCAG AA 要求普通文字为 4.5:1，大号文字为 3:1。AAA 要求普通文字为 7:1。工具会显示每一项的结果。
什么算大号文字？
在 WCAG 中，指约 18 磅或更大，或 14 磅粗体或更大的文字。
哪个颜色放在哪里？
工具把其中一个颜色视为背景，另一个视为文字，但无论怎样放，比值都是一样的。
为什么我的短 HEX 代码不起作用？
请输入完整的 6 位形式，例如 #333333，而不是 #333。
它会检查非文字元素吗？
它只给出文字的阈值。比值会显示出来，因此你可以自行与界面组件的 3:1 指引进行比较。