提取主要配色
上传本地图片后采样像素并统计主色，生成可复制的 HEX 和 RGB 色卡。
适合配色参考
从海报、封面、商品图或截图中快速提取主色，用于页面和组件配色。
图片不上传
采样和色卡生成都在浏览器本地完成，本站不会保存你的图片。
图片配色提取 · 浏览器本地处理
图片配色提取
选择本地图片后提取主要配色，输出 HEX、RGB 色卡和可复制颜色列表。图片只在浏览器本地处理，不上传服务器。
颜色数量
--
原图尺寸
--
输出格式
HEX / RGB
处理方式
本地
支持提取 8 个主要颜色。结果不会上传服务器，复制后可直接用于页面、组件或品牌文档。
请选择图片开始提取配色。
选择本地图片后即可提取主要配色，不上传服务器。
工具使用说明
怎么用图片颜色提取
选择图片
上传一张本地图片，工具会自动读取并提取主要颜色。
查看色卡
页面会展示主色 HEX、RGB 和颜色预览。
复制色值
复制单个颜色或全部 HEX 列表，用于 CSS、设计稿或品牌文档。
功能说明
这个工具解决什么问题
图片颜色提取适合什么场景
适合从素材图、封面、截图、Logo 和商品图中快速提取主色。
用图片主色做页面主题、卡片背景、按钮状态和品牌视觉参考，比人工猜色更稳定。
颜色提取方式
工具会缩小图片后进行像素采样和颜色聚类，优先展示出现频率更高的颜色。
这适合快速配色参考，不等同专业色彩管理或印刷校色。
常见问题
关于图片颜色提取，用户常问这些
图片会上传服务器吗？
不会。图片采样、主色统计和色卡生成都在浏览器本地完成。
最多提取多少个颜色？
当前展示 8 个主要颜色，适合日常配色参考。
透明图片怎么处理？
透明度很低的像素会被忽略，避免透明背景干扰主色。
结果能直接用于 CSS 吗？
可以，复制 HEX 或 RGB 后可直接用于 CSS、设计稿或组件主题。