从图片提取 调色板
即时从任意图片中提取主要颜色。一键获取HEX和RGB值。免费、安全,完全在浏览器中运行。
拖拽图片到此处
支持PNG、JPG、WEBP、GIF。最大50MB。
即时从任意图片中提取主要颜色。一键获取HEX和RGB值。免费、安全,完全在浏览器中运行。
支持PNG、JPG、WEBP、GIF。最大50MB。
调色板提取分析图像并识别主色或代表色。结果是一小组颜色(通常为 5-8 种),可以捕捉图像的视觉特征。设计师使用提取的调色板来协调其他设计元素(补充英雄图像的 UI 颜色、源自摄影的品牌调色板、匹配情绪图像的配色方案)。
提取过程使用聚类算法(k 均值或类似算法)将所有图像像素分组为所需数量的颜色簇。每个簇的中心变成调色板颜色。最大的簇代表主色;该算法还可以根据视觉重要性(饱和度、对比度)而不是原始像素计数来加权,以呈现引人注目的强调色。
该工具使用 JavaScript 在您的浏览器中运行。图像被解码为像素数据,进行采样以减少计算量,并进行聚类。输出是带有十六进制代码、RGB 值和比例条的调色板,显示每种颜色在图像中的流行情况。
使用提取的调色板设计与现有图像相协调的作品比通过眼睛挑选颜色要快得多。网页设计师围绕英雄图像构建登陆页面,营销人员制作与关键产品照片匹配的资产,以及品牌设计师分析竞争对手图像,所有这些都受益于算法调色板提取。
调色板还支持内容管理。通过按主色对图像进行分类,您可以构建用户按颜色浏览照片、产品或设计的界面。构建这样的系统需要系统地提取调色板,这是通过编程提取实现的。
上传,选择调色板大小,获取颜色。
K-均值聚类迭代:将每个像素分配给最近的聚类中心,重新计算中心作为分配像素的平均值,重复直到收敛。在全分辨率图像上运行速度很慢;采样(每隔 N 个像素)以最小的质量损失加速。
色彩空间很重要。 RGB 中的聚类会生成按 RGB 距离加权的调色板,这与感知距离不匹配。 LAB 或 HSV 中的聚类会产生在感知上更加一致的调色板 - 看起来相似的颜色会更可靠地组合在一起。
输出:每个聚类中心的十六进制代码,加上每个聚类中图像像素的百分比。该百分比代表视觉普及率;最大的簇是最主要的颜色。