LANDERGROW · 实用工具箱
颜色对比度检查工具
检查文字与背景的颜色对比度，对照 WCAG AA 和 AAA 的文字标准，预览网站配色是否清晰易读。
免费 · 无需注册输入与文件在浏览器内处理
清晰的文字，让好想法被看见
预览你的文字与背景颜色搭配。
5.54:1
AA · 普通文字✓ 通过
AA · 大号文字✓ 通过
AAA · 普通文字— 未通过
AAA · 大号文字✓ 通过
如何使用
输入文字和背景的十六进制颜色值。
查看对比度和普通文字、大号文字的检测结果。
调整颜色，直到目标文字达到所需对比度。
参考标准: W3C · WCAG 2.2 ↗
常见问题
AA 和 AAA 的门槛是多少？
AA 普通文字至少 4.5:1，大号文字至少 3:1；AAA 分别为 7:1 和 4.5:1。大号通常指至少 24 CSS px，或至少约 18.67 px 的粗体文字。
通过检查就代表整个网站无障碍吗？
不代表。本工具仅计算两种不透明纯色的文字对比度，不检查键盘操作、图片替代文字、渐变或背景图片等其他可访问性要求。
LANDERGROW AI
免费开始创建准备好了？把想法变成网站
用 LanderGrow AI 创建网站或落地页，将你的图片、链接与品牌呈现给客户。