设计/免费工具
颜色对比度检查器
检查 WCAG AA和AAA的文本对比,用于不透明的六角色. 预览您的配对, 互换颜色, 并应用一个高调的文本选项 。
对比报告
contrast-report.md
Color contrast report
Text: #777777 Background: #ffffff Contrast ratio: 4.4781:1
- AA · normal text: Fail (requires 4.5:1)
- AA · large text: Pass (requires 3:1)
- AAA · normal text: Fail (requires 7:1)
- AAA · large text: Fail (requires 4.5:1)
Large text: at least 24 CSS px, or approximately 18.67 CSS px when bold. This checks opaque sRGB text contrast only, not overall accessibility.
字数: 67回到细节上
导出文本保留英文格式；您输入的内容保持不变。
没有注册。 没有AI的信用。 此工具将您在浏览器中的输出组装 。
从一个想法到有用的东西。
- 01
输入文本和背景颜色。
- 02
审查计算的比例和正常或大文本阈值。
- 03
尝试建议文本颜色并导出结果 。
有点背景
对比比率使用 WCAG 不透明 sRGB 颜色的相对发光公式。 AA普通文本需要4.5:1,AA大文本需要3:1. 大文本一般指至少24个 CSS 像素,或约18.67 CSS 粗体为像素. 生比在四舍五入前决定结果. 这是一次颜色检查,不是访问权限审核.
问得好
我能进入透明颜色吗?
没有。 使用不透明三位数或六位数的六位数值。 在测量前,在最后背景上添加透明颜色。
过往比率意味着我的页面可以访问吗?
没有。 键盘导航,语义学,焦点,可读尺寸等要求仍需测试. 该工具只评价此文本/ 背景对 。