Skip to content

从图片提取配色与 HEX 色值 ​

本地提取主色,导出 SVG 配色卡并复制色值。

什么时候使用 ​

从已有品牌图、照片、插画或情绪图中提取实际主色。它与「配色方案」图片技能不同:本工具计算源图颜色,技能则生成配色参考视觉。

配色提取工作台
  1. 1上传来源图片
  2. 2选择颜色数量
  3. 3开始本地提取

操作步骤 ​

  1. 从工具目录打开「配色提取」。
  2. 上传希望取色的图片。
  3. 设置当前工作台的提取选项,开始本地处理。
  4. 查看主色与 HEX 色值,挑选主色、辅助色和点缀色。
  5. 导出带色值的 SVG 配色卡,或复制色值分享。

当前处理在浏览器内进行,并忽略透明像素。源图片的主色会受裁切、背景占比和压缩影响;想提取主体色时,先准备合适的裁切图。

HEX 怎么用 ​

将如 #1A4B3A 的色值复制到画布或设计软件的颜色输入中。它标记 RGB 颜色,不等同于印刷专色、纸张效果或不同显示器上的绝对外观。

检查结果 ​

确认大面积背景色没有挤掉重要主体色;避免把一套很多颜色都设为主色。用少量主色搭配中性色,检查文字与背景对比。

常见问题 ​

全透明图没有有效颜色;色块不理想时换更清晰图片或裁切主体;导出的是配色卡,不是原图的重新着色版本。