免费在线WCAG颜色对比度检查器，计算前景色与背景色对比度，自动判断AA/AAA级合规。支持HEX/RGB/HSL输入，实时预览。前端无障碍检测必备。 🔒 无需注册 · 数据绝不上传
⚙️ 颜色设置
🎯 预览
大文本
普通文本: The quick brown fox jumps over the lazy dog.
🔒 颜色计算完全在浏览器本地执行，数据绝不上传服务器。
❓ 常见问题
WCAG AA和AAA有什么区别？
AA级要求普通文本对比度≥4.5:1、大文本≥3:1；AAA级要求普通文本≥7:1、大文本≥4.5:1。大多数网站满足AA即可。
支持哪些颜色格式？
支持HEX（#FF0000）、RGB（255,0,0）、HSL（0,100%,50%）三种格式自动识别，以及常见颜色名称（red、blue等）。
大文本的定义是什么？
WCAG定义大文本为≥18pt或≥14pt加粗的文本。满足大文本对比度要求更容易达到合规标准。
什么是颜色对比度检查器
颜色对比度检查器是一款免费在线WCAG颜色对比度检查器，输入前景色和背景色自动计算对比度比值并判断AA/AAA级合规。支持HEX/RGB/HSL格式输入，实时预览文字在不同颜色下的可读性。前端开发者无障碍设计必备工具...。该工具完全在浏览器端运行，无需安装软件，无需注册，打开即用。所有数据仅在本地处理，不上传服务器。
使用场景
- 前端开发时快速生成CSS代码片段
- 设计稿调整时尝试不同配色和效果
- 学习CSS时实时预览效果
- 移动端查看效果，不用开编辑器
工具特点
- 完全免费：无注册无限制
- 隐私安全：数据不上传
- 跨平台：任何浏览器可用
- 零依赖：打开即用