如何使用颜色转换器和对比度检查器
- 输入十六进制颜色(
#4f46e5),rgb()或hsl(),或使用选择器。 - 输入背景颜色以检查对比度。
- 查看对比度以及普通文本和大文本是否通过 WCAG AA 和 AAA。
了解对比度
网页内容可访问性指南 (WCAG) 按 1:1(相同)到 21:1(黑底白字)的比例比较两种颜色的相对亮度。
- AA 普通文本至少需要 4.5:1,大文本(大约 24 像素或 19 像素粗体)至少需要 3:1。
- AAA 普通文本需要 7:1,大文本需要 4.5:1。
良好的对比度可以帮助每个人在明亮的光线下或在较差的屏幕上阅读,而不仅仅是视力不佳的人。
示例
对比度 6.29:1 · 正常文本通过 AA,未通过 AAA
#5048E5·RGB(80,72,229)