Chrome Dev Tools 颜色选择器对比度未显示

Kyl*_*Mit 14 google-chrome accessibility colors contrast google-chrome-devtools

据开发者工具文档,您可以查看在拾色器的文本元素的对比度Chrome浏览器65年- 2018年一月

但是,有时该功能会出现错误,如“开发人员工具中的“对比度”不再可用?

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

没有可用的对比信息

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

替代方案FF 中的对比对比

cer*_*key 7

您也可以在 CSS 概述面板中检查对比度。一些颜色组合似乎确实出现在那里,否则在使用 Inspect 检查时会带有“无可用对比度信息”标签。

  • 单击开发工具中的三点按钮,然后单击更多工具,然后单击 CSS 概述。 (3认同)

spi*_*hie 0

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

作为替代方案,这里有一个 WCAG 合同检查器https://contrastchecker.com/