通过采样像素、量化相近取值并对出现最频繁的色块排序,从上传图片中提取主色。每条结果包含 CSS hex 代码以及经由共享颜色 helper 得到的对应 RGB 元组。
算法(简化)
- 以完整分辨率将图像绘制到 canvas
- 按步长遍历像素(默认每隔 4 个像素)以提升性能
- 跳过基本透明的像素(alpha 低于 128)
- 将通道量化到 32 步桶中,合并近似重复色
- 按频率排序桶并返回前 N 种颜色
这是基于频率的调色板,并非感知聚类算法(无 k-means)。适合扁平 UI 图形与海报;噪点较多的照片可能返回浑浊的中间色。
适用场景
- 从品牌照片或栅格化 logo 启动调色板
- 与 Colors 工具(
from-hex-to-rgb)配合做进一步转换 - 记录从营销截图提取的设计令牌(design tokens)
限制
高度压缩的 JPEG 与渐变会产生平均色。透明 PNG/WebP 背景在 alpha 较低处会被忽略。超大图稀疏采样——极端细节可能遗漏。结果仅供参考,不能替代专业调色板提取工具。
示例
例如,在表单中填入默认示例值,将输出与已知参考对比;每次只调整一个输入,观察结果如何变化。