AI颜色对比度检测器
智能检测颜色对比度是否符合WCAG无障碍标准，支持AA/AAA级别检测，设计师和开发者必备工具
对比度检测界面
交互式检测器即将上线
功能特点
- ✓ 实时计算前景色和背景色的对比度比值，精确到小数点后两位
- ✓ 支持WCAG 2.1标准检测：AA级别（4.5:1）和AAA级别（7:1）
- ✓ 支持多种颜色格式输入：HEX、RGB、HSL、CMYK，实时颜色预览
- ✓ AI智能推荐：对比度不达标时，自动推荐最接近的合规颜色
- ✓ 支持从屏幕取色、图片取色，一键复制颜色代码
使用步骤
- 选择或输入前景色（文字颜色）
- 选择或输入背景色
- 查看对比度比值和WCAG合规状态
- 如不合规，使用AI推荐功能调整颜色
常见问题
什么是WCAG对比度标准？
WCAG（Web内容无障碍指南）定义了颜色对比度标准：AA级别要求普通文本对比度≥4.5:1，大文本≥3:1；AAA级别要求普通文本≥7:1，大文本≥4.5:1。
为什么颜色对比度很重要？
良好的对比度确保所有用户（包括视力障碍者）都能清晰阅读内容。这也是Web无障碍法规的强制要求，影响SEO和用户体验。
大文本和小文本的标准为什么不同？
大文本（18pt以上或14pt粗体以上）因字符面积更大，在较低对比度下也能被识别，因此标准相对宽松。
AI推荐颜色是如何工作的？
AI分析当前颜色在色轮上的位置，在保持色调一致的前提下，智能调整明度和饱和度，找到最接近且符合标准的颜色。
支持批量检测多个颜色组合吗？
支持。可导入设计系统的颜色变量（CSS变量、Tailwind配置等），一次性检测所有颜色组合的合规性。