Chrome 开发工具颜色选择器对比度不显示

Chrome 开发工具颜色选择器对比度不显示

根据开发工具文档,你可以在颜色选择器中查看文本元素的对比度作为Chrome 65 - 2018 年 1 月

但是,有时该功能会出现问题,正如此主题中所指出的开发者工具中不再提供“对比度”功能吗?

以下是对比度选择器未显示的示例

没有可用的对比信息

有时添加背景颜色可以使其再次工作。有没有人成功找到让它工作的方法?如果原生对比工具箱没有出现,是否可以回退到其他工具/建议?

选择FF 中的对比

答案1

您也可以在 CSS 概览面板中检查对比度。一些颜色组合似乎确实出现在那里,而使用 Inspect 检查时,这些颜色组合原本会出现“没有可用的对比度信息”标签。

答案2

在 Google 线程中,底部有一个建议按 F1 和Restore defaults and reload

另外,这里还有一个 WCAG 合同检查器https://contrastchecker.com/

相关内容