配色方案分析

什么是配色方案分析？

如何使用配色方案分析

1. 1

   上传目标图片：点击页面中的『选择文件』按钮，从本地设备选中你需要分析的图片文件上传，目前支持常用的JPG、PNG等图片格式，注意文件不要超出大小限制即可

2. 2

   调整提取参数：在主色数量输入框中，设置你需要提取的主色个数，可设置范围为3到10个，你可以根据图片本身的色彩丰富程度调整数值

3. 3

   生成分析结果：调整好参数后点击『生成分析』按钮，工具会自动从图片中提取主色，完成所有颜色两两组合的对比度计算，并生成符合WCAG标准的合规报告

4. 4

   导出颜色信息：在生成的分析结果页查看合规报告，确认哪些配色符合无障碍要求，你可以直接点击复制提取好的十六进制色值，用于后续设计工作

什么场景会用到？

计算示例

注意事项

• 工具仅提取图片中的主色调计算对比度，不会识别透明背景、渐变背景的真实像素透明度，纯色提取结果误差小于5%。
• WCAG标准仅要求文本和背景的对比度满足要求，工具不评估装饰元素、图标这类非文本内容的对比度。
• 如果图片本身饱和度低、色彩混杂，提取出的主色可能和你设计时的原稿色存在肉眼可见的偏差，建议手动修正色值后再计算。
• 工具仅支持JPG、PNG格式的图片，不支持动图GIF和透明背景的WebP格式。

常见问题

参考资料

• WCAG 2.1 Web内容无障碍指南（对比度标准权威出处）

本页工具采用WCAG 2.1标准计算对比度，所有示例均经过实际工具运行复算，由工具集编辑组按无障碍标准规范维护内容。