调色板提取与配色对比度检查
从图片中提取精美配色调色板，支持 HEX/RGB/HSL 格式转换，并依据 W3C WCAG 2.1 规范校验文本与背景对比度可读性评级（AAA/AA）。
点击上传图片或拖拽至此
支持 PNG, JPG, WebP 等格式
提炼的主色调
{{ col.hex }}
导出为 CSS 变量
对比度比率
{{ contrastRatio }}:1
高对比度（良好）
低对比度（需改进）
普通正文
AA (≥4.5)
{{ contrastRatio >= 4.5 ? 'PASS' : 'FAIL' }}
AAA (≥7)
{{ contrastRatio >= 7.0 ? 'PASS' : 'FAIL' }}
大号标题 (≥18pt)
AA (≥3.0)
{{ contrastRatio >= 3.0 ? 'PASS' : 'FAIL' }}
AAA (≥4.5)
{{ contrastRatio >= 4.5 ? 'PASS' : 'FAIL' }}
UI 控件与图标
AA (≥3.0)
{{ contrastRatio >= 3.0 ? 'PASS' : 'FAIL' }}
大号标题视觉预览（加粗 24px）
这是一段普通正文段落，用于测试排版的可读性。良好的色彩对比度可确保所有用户（包括视觉障碍群体）都能清晰舒适地浏览您的产品内容。
辅助小字 (12px)