图片颜色提取

从图片中提取主色,生成可复制的调色板(Hex / RGB),支持 CSS 变量导出;全部在浏览器本地完成。

拖拽图片到此处,或点击上传

支持批量上传,含 HEIC/HEIF,默认仅处理图片文件

文件队列

队列为空

拖入或点击上方区域上传图片

图片预览

请先上传图片

上传后在此预览与处理

提取设置

在浏览器本地采样像素并做 中位切割量化 ,原图不会上传。

点击色块或 Hex 可复制单色;底部可一键复制整套调色板。

关于「图片颜色提取」

上传图片后自动提取若干主色,展示色块与占比,可一键复制单个色值或整套 CSS 变量,适合做品牌色与封面配色参考。

本地处理不上传服务器免费使用

适用场景

  • 从海报/摄影作品提取配色方案
  • 为网页或设计系统生成 CSS 变量
  • 快速查看品牌主色与辅色占比

使用步骤

  1. 上传一张图片
  2. 调节提取颜色数量并查看色块占比
  3. 复制 Hex、RGB 或整套 CSS 变量

常见问题

能提取多少种颜色?

可在约 3–12 种主色之间调节;颜色越多,细分越细。

分析结果会上传吗?

不会。取色在浏览器本地完成,图片不会离开你的设备。

可以复制 CSS 变量吗?

可以,支持一键复制整套 CSS 自定义属性,方便贴进样式表。

相关教程