图片颜色提取
从图片中提取主色,生成可复制的调色板(Hex / RGB),支持 CSS 变量导出;全部在浏览器本地完成。
拖拽图片到此处,或点击上传
支持批量上传,含 HEIC/HEIF,默认仅处理图片文件
文件队列
队列为空
拖入或点击上方区域上传图片
图片预览
请先上传图片
上传后在此预览与处理
提取设置
在浏览器本地采样像素并做 中位切割量化 ,原图不会上传。
点击色块或 Hex 可复制单色;底部可一键复制整套调色板。
关于「图片颜色提取」
上传图片后自动提取若干主色,展示色块与占比,可一键复制单个色值或整套 CSS 变量,适合做品牌色与封面配色参考。
本地处理不上传服务器免费使用
适用场景
- 从海报/摄影作品提取配色方案
- 为网页或设计系统生成 CSS 变量
- 快速查看品牌主色与辅色占比
使用步骤
- 上传一张图片
- 调节提取颜色数量并查看色块占比
- 复制 Hex、RGB 或整套 CSS 变量
常见问题
能提取多少种颜色?
可在约 3–12 种主色之间调节;颜色越多,细分越细。
分析结果会上传吗?
不会。取色在浏览器本地完成,图片不会离开你的设备。
可以复制 CSS 变量吗?
可以,支持一键复制整套 CSS 自定义属性,方便贴进样式表。