前言

某天，我在使用 PS 时接触到一个提取色卡的插件。突然间很好奇这个插件是如何实现这个功能的呢？经过一番折腾，最终我成功地使用纯客户端技术实现了提取色卡的功能。

色卡提取如下图所示：

上图框选的部分正是色卡，是根据选择的图片实时分析计算得出的，色卡数据会随着图片编辑、修改而更新。

实现的简单 demo 效果如下：

通过【选择文件】选择本地的图片后，点击【提取主色调】会计算出图片中像素点占比最多的颜色值（即：**主色调**），并其显示出来。

点击【提取色卡】，则会分析图片中像素点占比排名靠前的多个颜色值（即：色卡），并将其显示出来。