图片取色与调色板提取

从照片或 Logo 中提取的调色板，是让网站、演示文稿或品牌规范与图片保持一致的最快方式。本工具会把相近的像素归为一组，给出主要颜色的 HEX、RGB、HSL 值，以及每种颜色在图片中的占比。您还会得到调色板图片、CSS 自定义属性和可直接粘贴的 Tailwind 代码。分析在浏览器中完成，图片不会被上传。

使用方法

1. 选择一张或多张图片。
2. 设置想要的颜色数量（2–16）。
3. 选择方法：照片用 k-means，想快速出结果用中位切分。
4. 处理 Logo 和扁平图形时，选择“最常出现的精确像素颜色”即可得到精确的品牌色。
5. 复制 HEX 色值、CSS 或 Tailwind 代码，或下载调色板 PNG。

计算公式

ΔE = √((L₁ − L₂)² + (a₁ − a₂)² + (b₁ − b₂)²)（CIE Lab）；占比 = 该组像素数 ÷ 参与统计的像素数

k-means 用 k-means++ 方式选出 k 个中心（按各颜色出现的次数加权），然后重复“把每种颜色分配给最近的中心，再把每个中心移到其所在组的平均值”，最多 20 次。距离在 Lab 空间中测量，在这里相同的距离在人眼看来差异大致相同。中位切分则是不断沿加权中位数分割红、绿、蓝范围最宽的颜色盒。开启该选项后，透明像素（透明度低于 50%）会被跳过。

示例

一张 120 × 80 的 Logo，蓝色（#2563EB）背景上有一个半径 25 px 的黄色（#FBBF24）圆：圆占 9,600 个像素中的 π × 25² ≈ 1,964 个。选择 2 种颜色并使用精确值时，工具会给出 #2563EB 约占 79.5%，#FBBF24 约占 20.5%。