上传设计稿
请先上传一张设计稿
支持点击、拖拽上传或按 Ctrl+V 粘贴图片
请在左侧上传图像以获取专业检测报告
等待检测
请在左侧上传图像并执行检测以获取详细建议。
核心指标检测结果
最大极值对比度 (理论值)
0:1
基于检测区域内最亮和最暗像素点计算得出的极限理论值。4.5+为良好，7.0+为优秀，反映了该区域整体视觉的清晰度上限。
偏低 <4.5
良好 4.5+
优秀 7.0+
相对亮度极值 (L2最暗/L1最亮)
0/0
数值范围 0.0(纯黑) 到 1.0(纯白)。L2游标代表提取到的最暗值，L1代表最亮值，两者在轨道上的跨度直观决定了对比度的高低。
普通文本 (14pt常规) 合规性
等待检测
常规大小的正文与背景的对比度至少需达到 4.5:1 (AA级) 才能保证基础可读性，达到 7.0:1 (AAA级) 为最佳体验。
Fail <4.5
AA 4.5+
AAA 7.0+
大号文本 (18pt或14pt加粗)
等待检测
字号较大时视觉识别门槛降低，标准略放宽：满足 3.0:1 (AA级) 即可，达到 4.5:1 (AAA级) 视为优秀。
*注：18pt约24px常规体，或14pt约19px加粗。
*注：18pt约24px常规体，或14pt约19px加粗。
Fail <3.0
AA 3.0+
AAA 4.5+
指标等级解释
A级 (Fail)： 低于基本阈值，信息难以识别，不符合无障碍规范。
AA级 (推荐)： 满足基本的视觉无障碍要求，适合绝大多数商业和大众 Web 产品。
AAA级 (最高)： 极佳的阅读体验，专为视障人群或政府、公共服务类网站推荐的标准。
检测原理
本工具基于 HTML5 Canvas 提取像素，并严格遵循 WCAG 2.1 算法规范：
• 极值对比度 (Contrast Ratio)：提取分析区域内的最亮像素(L1)与最暗像素(L2)，通过公式 (L1 + 0.05) / (L2 + 0.05) 计算得出两者之间的最大理论对比度。
• 相对亮度 (Luminance)：将 sRGB 色彩线性化后，按人眼感光权重（红 21.26%，绿 71.52%，蓝 7.22%）进行加权计算。结果为 0.0(纯黑) 到 1.0(纯白) 之间的数值。
• 文本合规性 (Compliance)：将计算得出的对比度与 WCAG 官方设定的视觉基准线（普通字 4.5:1 / 大字 3.0:1）进行比对，从而推导出当前设计能否通过 AA 或 AAA 级认证。
*注意：本工具全图检测时提取的是极限亮暗值。如果图片背景复杂且包含多种颜色，推荐使用“框选局部”功能精准圈选目标文本与底色，以获得最真实的阅读对比度。