根据开发工具文档,你可以在颜色选择器中查看文本元素的对比度作为Chrome 65 - 2018 年 1 月
但是,有时该功能会出现问题,正如此主题中所指出的开发者工具中不再提供“对比度”功能吗?
以下是对比度选择器未显示的示例
有时添加背景颜色可以使其再次工作。有没有人成功找到让它工作的方法?如果原生对比工具箱没有出现,是否可以回退到其他工具/建议?
选择:FF 中的对比
答案1
您也可以在 CSS 概览面板中检查对比度。一些颜色组合似乎确实出现在那里,而使用 Inspect 检查时,这些颜色组合原本会出现“没有可用的对比度信息”标签。
答案2
在 Google 线程中,底部有一个建议按 F1 和Restore defaults and reload
。
另外,这里还有一个 WCAG 合同检查器https://contrastchecker.com/