网页颜色对比度检测工具

网页颜色对比度检测工具

输入文字颜色和背景颜色，工具会按照 WCAG 标准计算对比度，并判断普通文字和大号文字是否达到 AA 或 AAA 等级。

为什么需要颜色对比度

足够的颜色对比度可以提升网页可读性，也能帮助网站满足无障碍设计要求。普通文字通常需要至少 4.5:1，大号文字通常需要至少 3:1。

使用方法

1. 输入前景色和背景色的 HEX 值，或使用颜色选择器。
2. 查看预览区域和 WCAG 检测结果。
3. 根据结果调整配色，并复制 CSS 颜色代码。