对比度检查器
填入文字色和背景色,看它们的 WCAG 对比度,以及能过 AA、AAA 哪些等级。
—对比度
正文AA4.5:1—
正文AAA7:1—
大字号AA3:1—
大字号AAA4.5:1—
界面与图形3:1—
每次检查都在你的浏览器里完成,输入内容不会上传到 BroBroGo。
常见问题
AA 和 AAA 的结果是什么意思?
AA 是大多数网站要达到的等级:正文对比度至少 4.5:1,大字号至少 3:1。AAA 更严格——正文要 7:1,大字号要 4.5:1。对比度范围从 1:1(毫无对比)到 21:1(白底黑字)。
多大算大字号?
18pt(约 24px)以上,或加粗的 14pt(约 18.5px)。大字号在较低对比度下仍然清晰,所以门槛放宽:AA 只需 3:1,AAA 只需 4.5:1,不用达到正文那么严的标准。
可以输入哪些颜色格式?
可以填十六进制值,如 #1a1a1a;rgb() 值,如 rgb(26, 26, 26);或 hsl() 值——也可以点色块直接取色。用交换按钮可以对调文字色和背景色。
用的是 WCAG 2 还是更新的 APCA 算法?
用的是 WCAG 2.1 / 2.2 公式,也就是当下无障碍规范和审核所依据的那套。APCA 是一种更贴近人眼感知的新算法,还在为 WCAG 3 草拟中——很有前景,但还不是合规标准,所以这里的达标结果没用它。