无需登录 数据私有 本地保存

图片取色器 - 在线提取图片主色调

前端设计 图像工具 取色器 图片 颜色提取
70
0
0
0
拖拽图片到此处，或点击上传
支持 JPG / PNG / WebP / SVG，最大 20MB
也可直接粘贴剪贴板中的图片
预览图片
图片URL： 或试用示例：
提取的调色板

上传图片后自动提取主色调

支持拖拽、点击上传、粘贴或URL加载

点击色块复制颜色值

常见问题

本工具使用颜色量化与频率统计算法。首先将上传的图片缩小至采样尺寸（约150px宽），然后对每个像素的RGB值进行量化（将颜色空间划分为512个桶），统计各颜色桶的像素数量。接着合并相近颜色，按频率降序排列，最终输出占比最高的8个主色调。该算法高效且能准确反映图片的色彩构成。

支持常见图片格式：JPG、PNG、WebP、SVG、BMP等。文件大小建议不超过20MB。超大图片会在浏览器端自动缩放处理，不会影响提取速度。对于SVG矢量图，浏览器会自动栅格化后再提取颜色。

这通常是由于跨域（CORS）限制导致的。浏览器出于安全考虑，禁止Canvas读取跨域图片的像素数据。解决方法：确保图片URL的服务器设置了Access-Control-Allow-Origin响应头。本站提供的示例图片均来自支持CORS的图源（picsum.photos），可正常加载。如需加载自己的URL图片，推荐使用支持CORS的图床，或直接上传本地文件。

工具会提取像素级别的统计主色调。对于色彩对比强烈的图片，提取结果非常准确。但对于以下情况可能有偏差：①图片中存在大面积渐变时，算法会给出渐变的"平均色"；②接近白色或黑色的背景色可能被自动过滤；③量化过程会合并极其相近的颜色。总体而言，提取的调色板能很好地代表图片的色彩印象，适合用于设计参考、品牌色提取等场景。

点击任意色块即可一键复制颜色值（支持HEX和RGB两种格式切换）。您可以将颜色直接粘贴到设计工具（如Figma、Sketch、Photoshop）或代码编辑器中使用。调色板按占比降序排列，第一个（最大的）色块即为图片的主色调。未来版本将支持导出ASE色板文件和CSS变量格式。

颜色量化是将连续的颜色空间划分为有限个"桶"的过程。一张普通照片可能包含数万种不同颜色，直接统计每种颜色的频率计算量巨大且结果分散。通过量化（如将每个RGB通道的256级精度降低为8级），可将颜色空间压缩到512个桶，大幅提升计算效率，同时合并肉眼难以区分的相近颜色，使提取的调色板更具代表性。这与GIF格式的颜色限制原理类似。

完全支持移动端使用，页面采用响应式设计，在手机和平板上布局会自动适配。支持所有现代浏览器：Chrome、Firefox、Safari、Edge的最新版本。移动端支持拍照上传、相册选择、URL加载等多种方式。iOS Safari 14+和Android Chrome均通过测试。
🔧 相关工具