选择以检查颜色对比度
颜色对比
4.5:1
WCAG 合规性
常规文字
AA
AAA
大号文字
AA
AAA
图形与界面
AA
哎呀!你无法检查对比度。
在线对比度检查器适用于
暂时不支持
视觉示例
大号文字
普通或小号文字,此处为低于 XY 像素的文字。普通或小号文字,此处为低于 XY 像素的文字。
什么是颜色对比选择器?
使用我们免费的在线颜色对比检查器,立即评估任意前景色与背景色之间的对比度比率。为设计师、开发者和内容创作者量身打造,它可实时显示常规文字、大号文字以及图形/界面元素的 WCAG AA/AAA 合规情况。只需选择颜色、互换颜色,即可获得关于可访问性阈值(例如常规文字为 4.5:1,大号文字为 3:1)的即时通过/不通过反馈。直观的界面帮助你调整色板以提升可读性和实现包容性的网页设计——无需下载。优化你的网站配色,提高可用性,满足无障碍标准,提供更友好的用户体验。
WCAG 合规性
元素 | 什么 | AA 要求 | AAA 要求 |
---|---|---|---|
常规文字 |
AA 常规正文文本 低于 18pt (24px) 或 低于 14pt (18.66px) 粗体 |
4.5:1 | 7:1 |
大号文字 |
标题、大标签 高于 18pt (24px) 或 高于 14pt (18.66px) 粗体 |
3:1 | 4.5:1 |
图形与界面 |
有意义的非文本元素 图标、表单边框、按钮 |
3:1 |