用 devtools 设置颜色对比度

原文

打开 devtools，选中某个元素，在右边的样式中，点击颜色，可以打开颜色选择器，这里更改颜色可以实时看到对比度，它会综合字体的大小判断对比度是否合适，判断的原则是:

• Text that is 18 pt，or 14 pt and bold，needs a contrast ratio of 3:1.
• All other text needs a contrast ratio of 4.5:1.

Lighthouse 也可以检查哪些元素的对比度有问题。