图片颜色分析

图片主色提取

找出图片中占比最大的代表色簇,取得主色代码与估计占比。

图片仅在您的浏览器中处理,不会上传到服务器。

这个工具是什么

图片主色提取工具把相近的像素颜色归为代表色簇,并显示其中占比最大的颜色。它适合寻找背景、配色或视觉风格参考。

如何使用

  1. 选择或拖入一张图片。
  2. 查看主色色块,以及对应 HEX、RGB、HSL 和估计占比。
  3. 核对结果区显示的分析尺寸,再复制所需颜色代码。
  4. 需要多种代表色时,可使用下方的调色板提取工具。

支持格式

  • 支持 PNG、JPG/JPEG 和静态 WebP 图片。每次选择或拖入一张图片。
  • 文件最多 100 MiB、4000 万像素,单边不超过 16384 像素。处理大图需要更多内存,请按设备性能选择合适的图片。

结果说明

  • 主色来自颜色量化后的最大色簇,不是所有像素的平均色,也不是随机选中的一个像素。
  • 完全透明像素不参与;其他像素按 Alpha 加权。黑色和白色也参与,不会自动排除背景色。
  • 占比表示采样和量化后的估计比例,并非对所有原始颜色逐个精确计数。

颜色提取算法

  • 工具使用确定性的中位切分颜色量化,将相近颜色归入最多五个代表簇,按权重排序后显示主色。同一图片和相同设置会得到一致的结果。
  • 主色和调色板最多分析 250,000 个像素,最长边不超过 1000 像素。大图会先缩小采样,结果区显示实际分析尺寸;小图使用全部像素。
  • 大面积背景往往占据最高比例,因此主色可能不同于您最关注的主体颜色。需要比较多个色簇时,可查看调色板。

隐私

图片仅在您的浏览器中处理,不会上传到服务器。

工具不会自动保存输入或结果。请在清空或离开页面前复制或下载需要保留的内容,并保留原始图片。

FAQ

Dominant Color 是什么?

它是图片中最常见或最有代表性的颜色簇。这里显示量化结果中权重最高的一簇及其代表颜色。

主色和平均颜色有什么区别?

主色代表占比最大的颜色簇,平均颜色则综合所有参与像素。例如大部分红色、少量蓝色的图片,主色通常接近红色,平均色会混入蓝色。

为什么结果可能与肉眼认为的主色不同?

人眼常会关注主体和高对比区域,而量化结果依据像素分布与透明度权重。大背景、缩小采样和相近色合并都会影响结果。

提取主色是否使用 AI?

不使用 AI。工具在浏览器本地分析图片像素并进行颜色量化,不会上传图片或调用在线识别服务。

返回开发者工具分类首页