这个工具是什么
图片调色板提取工具将图片中的相近颜色归为少量代表色,方便整理照片、插画或品牌素材的配色参考。
如何使用
- 选择或拖入图片,先查看默认五色调色板。
- 按需要改为 3、5、8 或 10 色。
- 查看每种颜色的色块、代码和估计占比。
- 逐个复制颜色,或一次复制 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 加权,因此半透明像素的权重低于同等数量的不透明像素。