图片提取调色板
从任意图片中提取主色调，复制十六进制色值，用取色器拾取精确像素，并导出调色板。
在浏览器中本地处理，你的文件不会被上传。
正在加载工具…
这个工具能做什么
放入照片、截图、Logo 或插画，即可得到它的主色调，以及每种颜色在图片中所占的比例。图片会先缩小到最长边约 100 像素，再用确定性的 k-means 算法聚类，因此同一张图片总是得到同样的调色板。透明像素会被忽略，所以带透明背景的 Logo 也能正确处理。
点击色块即可复制其十六进制色值。点击图片上的任意位置可拾取该处的精确像素颜色，也可以使用原生取色器（基于 Chromium 的浏览器支持）拾取屏幕上的任何颜色。拾取的颜色会和提取出的颜色一起加入导出内容。
可导出为 CSS 变量、Tailwind v3/v4 代码片段、JSON 或 PNG 色板条。图片在你的设备上本地解码，绝不会上传。
使用方法
- 1添加一张图片（PNG、JPG、WebP、GIF、AVIF 或 SVG）。
- 2用滑块选择要提取的主色调数量。
- 3点击色块复制其十六进制色值。
- 4点击图片，或使用取色器，拾取特定的颜色。
- 5按你需要的格式导出结果。
支持的格式
输入：PNG、JPG、WebP、GIF（首帧）、AVIF 和 SVG。输出：CSS、Tailwind、JSON 和 PNG。
隐私
此工具在你的浏览器中运行。你提供的数据在你的设备上处理，不会发送到我们的服务器。
限制
- 主色调是相近像素的平均值，因此可能与任何单个像素都不完全一致。需要精确值时请使用取色器。
- 当你要求的颜色数量较少时，面积很小的点缀色可能会被合并到较大的相邻颜色中。
- Firefox 和 Safari 不提供原生取色器；点击图片的方式在所有浏览器中都可用。
- 不应用色彩管理：颜色值即浏览器解码后的结果（sRGB）。
常见问题
这些颜色是如何选出的？
像素会先被分入相近颜色的分组，再通过 k-means 聚类进一步优化。结果是每个聚类的平均颜色，以及它所代表的像素百分比。
为什么同一张图片总是得到相同的颜色？
算法使用固定的种子，因此结果可重复。改变颜色数量会改变聚类结果。
支持透明 PNG 吗？
支持。完全透明或大部分透明的像素会被忽略，因此不会在调色板中显示为黑色或白色。
我的图片会被上传吗？
不会。图片在你的浏览器中解码和分析。