提取算法是什么？

经典中位切分（Median Cut）：先把像素装进一个立方体，每次沿 RGB 中位数切成两半，直到分出 N 个簇，取每簇均值作为代表色。

会忽略近白色 / 近黑色吗？

默认会按你的选择过滤阈值外的近白 / 近黑像素（可在参数中调整）。可避免大面积背景污染主色。

不会。所有处理在浏览器内 canvas 完成，图片不离开你的设备。

JSON、SCSS 变量、CSS 自定义属性、Tailwind config 片段，一键复制。

上传图片自动提取 N 个主色色板（默认 6，可调 3-12）。支持 HEX / RGB / HSL 一键复制、明暗前景色推荐、JSON / SCSS / CSS 变量 / Tailwind 导出。纯前端 Median Cut 中位切分，文件不上传。

输入未选择文件

选择图片

支持 JPG / PNG / WebP

主色数 N

采样步长

过滤近白/近黑按占比排序

色板—

点击「提取色板」开始

导出

—

实现：HTML <canvas> 读取像素 → Median Cut 中位切分（每次沿 RGB 最长维的中位数切分桶，直到分出 N 个簇）→ 计算每簇均值与占比 → 转 HEX/RGB/HSL。导出格式由纯字符串模板生成。全程在浏览器内完成，文件不上传。