👁 一个工具箱,
完成所有设计任务

对比度检查器

验证文本和背景颜色的WCAG AA/AAA合规性,即时获取无障碍评分。

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

👁 对比度检查器

颜色对比度检查指南

颜色对比度是文本与其背景之间的亮度差异。良好的对比度确保所有用户(包括视力障碍者)的可读性。

输入文本颜色和背景颜色。工具计算对比度比率,并告诉您是否符合WCAG AA(最低)或AAA(增强)标准。

专业提示

常见问题

Q: 什么是WCAG?
什么是WCAG?WCAG(Web内容无障碍指南)是由W3C发布的国际网页无障碍标准。
Q: 什么样的对比度好?
什么样的对比度好?正常文本4.5:1(AA),大文本3:1(AA),增强版7:1(AAA)。
Q: 我的目标应该是哪个 WCAG 级别?
我的目标应该是哪个 WCAG 级别?对于标准网站,目标为 WCAG AA(普通文本为 4.5:1)。对于以无障碍为重点的项目或政府站点,目标是 WCAG AAA (7:1)。大文本(18px+粗体)需要3:1或4.5:1。
Q: 这个工具可以检查色盲吗?
这个工具可以检查色盲吗?不,对比度与亮度有关,与色彩感知无关。使用我们的色盲模拟器和对比度检查器进行全面的辅助功能测试。
Q: 如何修复失败的对比度?
如何修复失败的对比度?使文本颜色变暗、背景颜色变浅、增大字体大小或使文本加粗。该工具实时突出显示哪些 WCAG 级别通过或失败。