本地提取主要配色
上传图片后在浏览器 Canvas 中采样像素，提取主要颜色，不上传服务器。
输出 HEX 和 RGB
生成可复制的色卡列表，适合设计稿对色、品牌色整理和前端样式复核。
色卡直接预览
每个颜色都以色块展示，复制色值前可以先直观看到配色关系。
图片配色提取 · 浏览器本地处理
图片配色提取
选择本地图片后提取主要配色，输出 HEX、RGB 色卡和可复制颜色列表。图片只在浏览器本地处理，不上传服务器。
颜色数量
--
原图尺寸
--
输出格式
HEX / RGB
处理方式
本地
支持提取 8 个主要颜色。结果不会上传服务器，复制后可直接用于页面、组件或品牌文档。
请选择图片开始提取配色。
选择本地图片后即可提取主要配色，不上传服务器。
工具使用说明
怎么用图片配色提取
选择本地图片
上传需要提取配色的 PNG、JPG 或其他浏览器支持的图片。
查看主要颜色
工具会自动采样图片像素，并展示最多 8 个主要颜色。
复制颜色列表
可以复制全部 HEX，也可以单独复制某一个颜色继续使用。
功能说明
这个工具解决什么问题
图片配色提取适合做设计复核
从海报、封面、商品图或截图里快速提取主色，可以帮助统一页面风格和组件色板。
工具只在浏览器本地读取图片像素，图片内容不会上传服务器。
提取结果如何理解
当前按像素近似分桶统计主要颜色，适合快速拿到可用色卡。
如果图片里存在大面积背景色，它通常会排在前面；需要精细品牌色时可结合取色器再点选局部颜色。
常见问题
关于图片配色提取，用户常问这些
图片会上传服务器吗？
不会。图片读取、采样和色卡生成都在浏览器本地完成。
为什么最多显示 8 个颜色？
8 个主色足够覆盖大多数配色参考，也能避免色卡过多影响判断。
提取结果和专业设计软件完全一致吗？
不保证完全一致。这里是快速采样和近似分桶，适合日常整理和快速参考。
支持透明图片吗？
支持读取透明图片，透明度很低的像素会在采样时忽略。