← 所有免费工具

图片配色提取与对比度检查器

从图片提取配色,复制 HEX、RGB 颜色值,实时检查 WCAG 文字对比度。图片留在浏览器本地。

免费 · 无需注册 · 在浏览器本地运行

图片配色提取与对比度检查器

处理结果

选择设置并运行工具,结果会显示在这里。

使用方法

  1. 上传 PNG、JPEG 或 WebP,选择提取 2–8 种颜色。
  2. 提取配色,复制 HEX、RGB 或 CSS 变量。
  3. 设置文字与背景颜色,也可以从提取的色板中选择。
  4. 查看实时预览,以及普通文字、大字的 AA/AAA 对比度结果。

范围与隐私

图片留在浏览器内,最多 20 MB、4,000 万像素。配色来自像素采样,属于近似结果。对比度按不透明 sRGB HEX 与 WCAG 2.2 比率计算,不代表整页通过无障碍认证。

官方参考资料 ↗

常见问题

什么属于大字?

WCAG 将 18 pt(24 CSS px)普通文字或 14 pt(约 18.7 CSS px)粗体视为大字。普通文字 AA 需要 4.5:1,大字需要 3:1。

把结果用于实际工作

将配色用于 Omni Forms 品牌表单,或准备风格一致的 Omni Social 素材。