图片配色提取

图片配色提取的使用场景

• 拿到一张设计稿想知道它的主色 HEX
• 做 PPT 或网页时想沿用品牌照片的色调
• 核对一批素材的色调是否统一

图片配色提取怎么用

1. 选择图片并设定主色数量与量化精度
2. 查看色板、HEX / RGB 与各自占比
3. 复制为 CSS 变量贴进样式表

常见问题

和配色生成器有什么不同？

配色生成器是「给一个主色、生成一套配色方案」；本工具是「给一张图片、把它实际用到的颜色找出来」，方向相反。

占比是精确值吗？

不是。图片先降采样到 120×120，再按 RGB 分桶量化，接近纯白的像素会被跳过，属于快速估算，适合做设计参考而非像素级统计。

图片会上传吗？

不会。图片由 FileReader 读入后直接在本地 canvas 绘制，页面没有网络请求，也不保存文件。