颜色对比度检查器 - ToolBox

← ToolBox / 颜色对比度检查器

🎨 颜色对比度检查器

文字看得清吗？输入前景与背景色，按 WCAG 2.1 计算对比度比值，判定是否达到 AA/AAA 无障碍标准。

前景色（Hex）

背景色（Hex）

文字类型

⚠️ 使用说明与注意事项

对比度比值 = (亮色亮度+0.05) ÷ (暗色亮度+0.05)
WCAG AA：正文≥4.5:1、大文字≥3:1；AAA：正文≥7:1、大文字≥4.5:1
大号文字指 ≥18pt（24px）或 14pt 加粗（18.66px）
按钮等 UI 组件非文字部分要求 ≥3:1（AA）