图片主色板提取

选择一张图片，本地缩样后用自实现的中位切分（Median Cut）算法提取 5 / 8 / 12 个主色，点击色块复制 HEX，可导出 CSS 变量；图片不上传。

选择图片

颜色数 5 8 12

支持 JPG / PNG / WebP / GIF 首帧，文件仅在本机读取。

导出 CSS 变量 复制 CSS

常见问题

什么图片提取效果好？

海报、Logo、产品图等主体明确、色块清晰的图片最准。小图或大面积渐变图结果可能相近，建议先裁剪主体再提取。

是怎么提取的？图片会上传吗？

图片先画到本地 Canvas 并缩至最长边 200 像素，再用本页自实现的中位切分（Median Cut）算法按像素数量聚类出代表色，全程浏览器本地运行，不上传。

导出的 CSS 变量是什么格式？

生成形如 :root{--c1:#9a3412;…} 的 CSS 自定义属性，按颜色占比从高到低排序为 --c1、--c2……，复制后可直接在样式表中用 var(--c1) 引用。