核心结果实时更新
输入数字后即可看到关键结果变化，适合做快速测算和复核。
重点指标同页展示
除了主结果，还会把常见派生指标一起显示，减少来回切换公式。
生成辅助 场景更顺手
输入前景色和背景色后计算 WCAG 对比度、可读性等级和建议文本颜色，全部在浏览器本地完成。
WCAG 对比度 · 浏览器本地计算
检测前景色和背景色可读性
计算颜色对比度、AA/AAA 等级和展示预览。颜色值只在浏览器本地处理，不会上传服务器。
对比度
17.74:1
可读性等级
AAA
建议
正文可用
示例文字 Preview Text
这是前景色和背景色组合后的可读性预览。
工具使用说明
怎么用 颜色对比度检测
输入关键数字
把当前场景最核心的数字填进去，先保证输入口径一致。
查看主结果和派生指标
页面会同步输出主结果、差值、比例和批量汇总等辅助信息。
按结果继续复核
先拿结果做第一轮测算，再决定是否要补更细的业务规则。
功能说明
这个工具解决什么问题
颜色对比度检测 适合什么场景
输入前景色和背景色后计算 WCAG 对比度、可读性等级和建议文本颜色，全部在浏览器本地完成。
计算型工具的价值，不只是给一个数字，而是把重复测算和人工复核的时间先省下来。
为什么要把派生指标一起展示
很多业务场景不是只看单个结果，还要顺手看差值、比例、批量汇总等辅助信息。
把这些结果放在同一页里，可以减少来回改公式和重复核算。
常见问题
关于 颜色对比度检测，用户常问这些
颜色对比度检测 适合做正式测算吗？
适合做第一轮快速测算和复核，复杂场景再补业务规则即可。
结果是实时更新的吗？
是。输入数字变化后，主结果和派生指标会同步变化。
计算过程会上传数据吗？
不会。默认按浏览器本地计算设计。
如果公式不够怎么办？
可以先保留当前模板，再根据真实测算口径补更细的公式和限制条件。