# 图片配色提取 - 在线提取图片主色调、生成配色方案

> 免费在线图片配色提取工具：自动分析图片中的 3~16 种主色调并给出占比，一键复制 HEX / RGB / HSL 色值，可导出 CSS 变量、JSON 和 PNG 色卡，本地处理不上传。

- 网址: https://qilingtools.com/zh/image/palette
- 分类: 图片工具 (https://qilingtools.com/zh/image)
- 标签: [图片](https://qilingtools.com/zh/tags/image), [设计配色](https://qilingtools.com/zh/tags/design)
- 最后更新: 2026-10-26
- 价格: 免费，无需注册
- 隐私: 在浏览器本地处理，文件不上传服务器

上传一张照片、海报、插画或网页截图，工具会用 k-means 聚类算法分析所有像素，提取出最具代表性的 3~16 种主色调，并标出每种颜色在画面中所占的比例。点击任意色值即可复制 HEX、RGB 或 HSL 格式，还能按占比、色相或明度排序。做设计找灵感、为品牌提取标准色、给 PPT 和网页配色时，可以直接导出 CSS 变量、JSON 数据或一张带色值的 PNG 色卡。全部在浏览器本地计算，图片不会上传。

## 使用步骤

1. 上传一张图片
2. 拖动滑块选择要提取的颜色数量，按需切换排序方式
3. 点击色值复制，或导出 CSS 变量 / JSON / PNG 色卡

## 功能特点

- k-means 聚类提取 3~16 种主色调
- 显示每种颜色的占比
- 一键复制 HEX / RGB / HSL
- 导出 CSS 变量、JSON、PNG 色卡

## 常见问题

### 和“图片取色器”有什么区别？

取色器用来精确吸取某一个像素的颜色；配色提取则分析整张图，自动归纳出主色调和占比，更适合做配色方案和设计参考。

### 为什么每次提取的颜色略有不同？

同一张图、同样的颜色数量，结果是固定的；调整颜色数量后，聚类会重新划分，颜色会合并或拆分，这是正常现象。

### 文件会上传到服务器吗？

不会。本站所有处理都在你的浏览器中本地完成，文件不会离开你的电脑，关闭页面后即被清除。

### 需要注册或付费吗？

不需要。本站完全免费，无需注册登录，没有次数限制，也不会在文件上加水印。

## 相关工具

- [PDF 转图片](https://qilingtools.com/zh/pdf/to-image): 免费在线 PDF 转图片工具：将 PDF 每一页渲染为高清 JPG 或 PNG 图片，可选 72/150/300 DPI，批量打包下载，本地处理不上传。
- [图片转 PDF](https://qilingtools.com/zh/pdf/from-image): 免费在线图片转 PDF 工具：把多张 JPG、PNG、WebP 图片按顺序合成一个 PDF，支持 A4 或按图片尺寸排版，本地处理不上传。
- [图片压缩](https://qilingtools.com/zh/image/compress): 免费在线图片压缩工具：批量压缩 JPG、PNG、WebP 图片体积，可调质量与最大尺寸，显示压缩前后对比，本地处理不上传。
- [图片改尺寸](https://qilingtools.com/zh/image/resize): 免费在线图片缩放工具：按像素宽高或百分比批量修改图片尺寸，可锁定比例，支持 JPG/PNG/WebP，本地处理不上传。
- [图片格式转换](https://qilingtools.com/zh/image/convert): 免费在线图片格式转换工具：把 JPG、PNG、WebP、GIF、BMP 等图片批量转换为 JPG、PNG 或 WebP，本地处理不上传。
- [图片加水印](https://qilingtools.com/zh/image/watermark): 免费在线图片水印工具：批量给图片添加文字水印，支持位置、平铺、透明度、字号、颜色设置，本地处理不上传。
- [长图拼接](https://qilingtools.com/zh/image/stitch): 免费在线图片拼接工具：把多张截图或照片按纵向/横向拼接成一张长图，可设置间距与背景色，本地处理不上传。
- [抠图去背景](https://qilingtools.com/zh/image/remove-bg): 免费在线抠图工具：AI 自动识别人像、商品、动物等主体，一键去除背景生成透明 PNG，也可换成白/红/蓝等纯色底（证件照换底色）。浏览器本地处理，图片不上传。