对比度检查
开发者工具输入前景和背景颜色,算出 WCAG 对比度并逐条给出 AA / AAA 在正文、大字和图形控件下的通过情况,附带真实排版预览。没通过时会给一个保持背景不变、调整前景就能达标的建议色。
输入前景和背景颜色,算出 WCAG 对比度并逐条给出 AA / AAA 在正文、大字和图形控件下的通过情况,附带真实排版预览。没通过时会给一个保持背景不变、调整前景就能达标的建议色。
这是一段标题文字 Heading
这是一段正文。The quick brown fox jumps over the lazy dog. 用来直观判断这组配色在 实际排版下读起来累不累。
18pt 以上的大字
对比度算的是 WCAG 的相对亮度比,不是把 RGB 取平均——绿色对人眼亮度的贡献远大于蓝色, 所以同样的「深浅」换个色相结果会差很多。带 alpha 的颜色会忽略透明度, 半透明文字的实际对比度取决于它压在什么颜色上。