图片颜色分析

图片调色板提取

从图片整理一组代表色,选择颜色数量并复制整套配色。

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

这个工具是什么

图片调色板提取工具将图片中的相近颜色归为少量代表色,方便整理照片、插画或品牌素材的配色参考。

如何使用

  1. 选择或拖入图片,先查看默认五色调色板。
  2. 按需要改为 3、5、8 或 10 色。
  3. 查看每种颜色的色块、代码和估计占比。
  4. 逐个复制颜色,或一次复制 HEX 列表和 CSS 变量。

支持格式

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

结果说明

  • 颜色按估计权重排列,每张色卡都提供 HEX、RGB、HSL 文字和复制按钮。
  • 选择的数量是期望的代表色数量;纯色或颜色较少的图片可能只返回更少的颜色。
  • 完全透明像素被忽略,其他像素按 Alpha 加权,黑色和白色也参与。

颜色提取算法

  • 采用确定性的中位切分量化,将相近颜色归入色簇并计算代表颜色,与主色提取使用同一方式。相同图片和相同设置会得到一致的结果。
  • 主色和调色板最多分析 250,000 个像素,最长边不超过 1000 像素。大图会先缩小采样,结果区显示实际分析尺寸;小图使用全部像素。
  • 三色结果概括整体配色,十色结果保留更多变化。增加数量不保证发现画面中的每个细小颜色。

隐私

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

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

FAQ

Color Palette 如何提取?

工具读取图片像素,将相近颜色量化为若干代表色簇,再按权重列出各色。大图会先缩小采样,结果区会标明分析尺寸。

为什么同一图片能提取多个颜色?

图片通常包含背景、主体、阴影和高光等多种颜色。调色板用多个代表色概括这些分布,而不是只显示一个主色。

3 色和 10 色有什么区别?

3 色更简洁,适合概括整体配色;10 色保留更多色彩变化。原图颜色较少时,结果可能少于所选数量。

透明像素如何处理?

完全透明像素不参与提取,其他像素按 Alpha 加权,因此半透明像素的权重低于同等数量的不透明像素。

返回开发者工具分类首页