从照片里提取主色调,一键复制 HEX 色值,做配色参考
提取主色调用的是 K-means 聚类:先把图片里所有像素的颜色看成三维空间中的点,然后随机放 K 个"中心",反复把每个点归到最近的中心、再重新计算中心位置,直到稳定。
稳定后的 K 个中心就是图像的 K 个主色。为了让结果稳定,算法会采样(大图不会逐像素算)并迭代 12 次。
最后按亮度(0.299R+0.587G+0.114B)从暗到亮排序,方便你直接当作配色条使用。
下面这些情况用它最顺手:
从参考图里提取配色,直接用到设计稿
从公司 Logo 或产品图提取品牌色
从照片中提取主色,搭配软装或服饰
快速拿到图片的 HEX 色值写进 CSS
| 输入格式 | PNG / JPG / WebP |
|---|---|
| 提取数量 | 3–16 种可调 |
| 算法 | K-means 聚类(迭代 12 次,自动采样) |
| 输出色值 | HEX 与 RGB,点击即复制 |
| 排序 | 按亮度从暗到亮 |
K-means 的初始中心是随机的,同一张图多次提取可能略有差异。可以增减数量再试,或多次提取取稳定出现的颜色。
算法按像素数量聚类,占比很小的颜色(比如画面里一点点高光)可能不会被单独聚成一类。这种情况可以增加提取数量。
不会。程序会跳过透明度低于 50% 的像素,只对可见部分取色。
当前版本只提供色值复制。需要图片可以截图,或用「图片拼接」把色块拼成一张。