图片调色板提取

用 k-means 聚类提取照片的主色调，查看每种颜色的占比，并复制 HEX 代码、CSS 变量或 JSON。

将图片拖放到此处，或点击选择图片

也可以直接从剪贴板粘贴图片（Ctrl+V / ⌘V）

完全在浏览器中运行，您的数据不会被上传。

什么是图片调色板提取？

这个工具会找出图片的主要颜色，并以调色板的形式展示，按各颜色在图片中的覆盖比例排序。可选择 2 到 12 种颜色，并以 HEX 代码、CSS 自定义属性，或带 RGB 值和百分比的 JSON 格式复制。

如何使用图片调色板提取

拖放、选择或粘贴图片。
选择颜色数量。
查看调色板条以及列出每种颜色 HEX、RGB 和百分比的列表。
复制单个 HEX 代码，或使用复制为 CSS 变量、复制为 JSON或复制 HEX 列表。

示例

输入

40×20 image split into red, green, blue and white quadrants, 4 colors

输出

#FF0000 25%, #00FF00 25%, #0000FF 25%, #FFFFFF 25%

何时使用图片调色板提取

用于根据照片或艺术作品建立配色方案、让网站主题与主视觉图匹配，或分析品牌的图像风格。簇平均值可能与任何单个像素略有不同；如需读取某个精确像素的颜色，请使用图片取色器。

图片调色板提取的工作原理

图片会被缩小到最长边最多 256 px，完全透明的像素会被忽略。其余像素在 RGB 空间中用 k-means 聚类分组：初始中心点按确定性方式选择（先选最接近平均色的像素，然后反复选择距离所有已选中心最远的像素），再进行最多 12 次迭代，重新分配像素并把每个中心移动到其簇的平均值。每种调色板颜色就是一个簇的平均值，其百分比是该簇中像素所占的份额。