图片主要颜色提取器

使用多种算法从图片中提取主要颜色，包括K-means聚类和直方图分析

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Exclude near-white colors from extraction

Exclude near-black colors from extraction

关键信息

分类
设计与颜色
输入类型
file, number, select, checkbox
输出类型
json
样本覆盖
4
支持 API
Yes

概览

图片主要颜色提取器是一款高效的在线设计辅助工具，支持通过 K-Means 聚类、直方图分析及中位切分等多种专业算法，从图片中精准提取出最具代表性的配色方案，助您快速构建和谐的视觉调色板。

适用场景

  • •需要从品牌 Logo 或参考图中提取配色方案时
  • •为网页或 UI 设计寻找与图片风格匹配的辅助色时
  • •分析图片色彩构成并生成符合设计规范的调色板时

工作原理

  • •上传您的图片文件，并设置需要提取的颜色数量。
  • •选择合适的算法（如 K-Means 或中位切分）以获得最佳提取效果。
  • •根据需求勾选忽略黑白色，并选择输出格式（HEX、RGB 或 HSL）。
  • •点击提取，系统将自动分析像素数据并生成配色结果。

使用场景

品牌设计：从品牌图片中提取核心色，确保视觉识别系统的一致性。
网页开发：快速获取图片主色调，用于设置 CSS 背景色或按钮配色。
艺术创作：通过分析摄影作品的色彩分布，获取灵感配色方案。

用户案例

1. 提取品牌 Logo 配色

UI 设计师
背景原因
设计师需要为客户的网站设计一套配色方案，要求与 Logo 的主色调完全匹配。
解决问题
手动吸取颜色容易产生偏差，且难以快速获取完整的配色组合。
如何使用
上传 Logo 图片，设置颜色数量为 5，选择“中位切分”算法以保证色彩精度，输出格式选 HEX。
示例配置
colorCount: 5, algorithm: 'median-cut', colorFormat: 'hex'
效果
成功获取了 Logo 的 5 种核心颜色代码，直接应用于 CSS 样式表中。

2. 摄影作品色彩分析

摄影博主
背景原因
博主希望在社交媒体发布照片时，配上与照片色调和谐的文字背景色。
解决问题
照片色彩复杂，难以肉眼判断哪种颜色最能代表整体氛围。
如何使用
上传摄影作品，使用“K-Means 聚类”算法，勾选“忽略白色”以排除背景高光干扰。
示例配置
colorCount: 3, algorithm: 'kmeans', ignoreWhite: true, colorFormat: 'rgb'
效果
提取出了照片中最具代表性的 3 种 RGB 色值，完美匹配照片的整体色调。

用 Samples 测试

image, png, jpg
Web Python 图像处理示例
Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
title token image
image
Windows C++ 图像处理示例
Windows C++ 图像处理示例，包括读取/保存图像、调整大小和使用Windows Imaging Component进行格式转换
title token image
image
Web Rust 图像处理示例
Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换
title token image
image
macOS Objective-C 图像处理示例
macOS Objective-C 图像处理示例，包括图像读取保存、图像缩放和格式转换
title token image
image

相关专题

图片格式转换与动画导出工具
在一个专题里比较 JPG、PNG、GIF、AVIF、WebP、TIFF、ICO、base64 以及动画导出相关的图片格式转换工具。
图片整理、修饰与批处理准备工具
把图片清理、裁边、补边、加框、批量缩放压缩、水印和视觉修饰工具集中到一个专题中，适合素材整理流程。
条码、二维码与标签工具
把条码生成、二维码创建与解码、UPC/EAN 校验、WiFi 二维码分享和可打印标签工具集中到一个专题中。
图片元数据、EXIF 与隐私清理工具
在一个专题中比较图片元数据查看、EXIF/IPTC/XMP 检查、方向修正、元数据编辑和隐私清理工具，适合图片发布流程。

常见问题

支持哪些图片格式？

支持 JPEG、PNG、WebP、GIF、BMP 和 TIFF 等常见图片格式。

K-Means 和中位切分算法有什么区别？

K-Means 聚类速度较快，适合一般用途；中位切分算法在处理复杂色彩时能提供更高的色彩还原质量。

可以提取多少种颜色？

您可以根据需要设置提取 1 到 20 种主要颜色。

如何避免提取到图片中的背景色（如纯白或纯黑）？

您可以勾选“忽略白色”或“忽略黑色”选项，系统将自动过滤掉接近这些极值的颜色。

提取出的颜色格式可以转换吗？

可以，您可以选择输出为 HEX、RGB、HSL 格式，或选择“所有格式”同时查看。

API 文档

请求端点

POST /zh/api/tools/image-color-extractor

请求参数

参数名 类型 必填 描述
imageFile file (需要先上传) 是 -
colorCount number 是 -
algorithm select 是 -
colorFormat select 是 -
sampleSize number 是 -
ignoreWhite checkbox 否 Exclude near-white colors from extraction
ignoreBlack checkbox 否 Exclude near-black colors from extraction

文件类型参数需要先通过 POST /upload/image-color-extractor 上传获取 filePath，然后将 filePath 传递给对应的文件字段。

响应格式

{
  "key": {...},
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
JSON数据: JSON数据

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-image-color-extractor": {
      "name": "image-color-extractor",
      "description": "使用多种算法从图片中提取主要颜色，包括K-means聚类和直方图分析",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-color-extractor",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题，请联系我们：[email protected]