图片配色提取与对比度检查器
从图片提取配色,复制 HEX、RGB 颜色值,实时检查 WCAG 文字对比度。图片留在浏览器本地。
免费 · 无需注册 · 在浏览器本地运行
处理结果
选择设置并运行工具,结果会显示在这里。
使用方法
- 上传 PNG、JPEG 或 WebP,选择提取 2–8 种颜色。
- 提取配色,复制 HEX、RGB 或 CSS 变量。
- 设置文字与背景颜色,也可以从提取的色板中选择。
- 查看实时预览,以及普通文字、大字的 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 素材。
