图片主色提取教程：从照片里找出配色和每种颜色的占比
一句话答案
打开图片主色提取工具，选择一张图片，用“颜色数”滑块设置要提取几种颜色（默认 6），结果会显示每种主色的色块、HEX 值和所占比例，适合参考照片配色。
设计 PPT、海报或网页时，从一张喜欢的照片里取配色，是最快得到协调配色的方法之一。图片主色提取 会统计图片里的颜色，合并相近色，列出主要颜色的 HEX 值和占比。
操作步骤
- 选择图片：打开 图片主色提取，点击或拖入图片。
- 设置颜色数：“颜色数”默认 6，想要更简单的配色可以减少，想看更多细节可以增加。
- 查看结果：每种颜色显示色块、HEX 值和占比，按占比从高到低排列。
- 使用配色：记下或复制 HEX 值，粘贴到 PPT、设计软件或 CSS 中。
🎨 图片主色提取
免费在线使用，文件和数据只在你的浏览器本地处理，无需注册。
怎么把主色用到设计里
提取出来的颜色可以按占比分配角色：
| 角色 | 建议 | 说明 |
|---|---|---|
| 背景色 | 占比最高或最浅的颜色 | 面积最大，宜柔和 |
| 主色 | 最有辨识度的颜色 | 标题、按钮、重点图形 |
| 辅助色 | 与主色相近的 1–2 种 | 次要图形、分隔线 |
| 强调色 | 占比小但鲜艳的颜色 | 少量点缀 |
常见的经验是背景、主色、强调色大约按 60%、30%、10% 的面积分配。
配合其他工具
常见问题
图片主色提取的占比是什么意思？
占比表示这种颜色（包括与它相近的颜色）在整张图片像素中所占的比例，比例越高，说明这种颜色面积越大。
提取几种颜色比较合适？
做配色参考一般 5 到 6 种就够；颜色很丰富的照片可以多提取几种，再挑出需要的。
为什么提取结果和我看到的不完全一样？
工具会把相近的颜色合并成一种代表色，照片里的渐变和阴影会被归到某个主色里，所以结果是概括后的配色。
图片会上传吗？
不会。颜色统计在浏览器本地完成。