我正在寻找一种通过 javascript 从图像中找到主要颜色的方法。可能通过某种算法对某些区域进行聚类。
问题是因为如果我使用像素，将会计算更多使用的像素。前任。如果我有棕色和棕色旁边的颜色，那么一部分是白色。主色可以是白色。并且不需要颜色平均，因为不能代表图像的真实颜色。
任何有关插件、要实现的代码、网站的建议。提前致谢
更新
像这样:
http://www.cssdrive.com/imagepalette/
这里有一些解释，不确定我是否可以重用js代码。
最佳答案
这很难但可行。
第一步是从图像中获取像素数据 - 为此，您需要 draw the image onto a canvas element and get the pixel data .请注意 Same Origin Policy适用于图像，因此图像必须与脚本位于同一服务器上，否则您将需要使用代理。
现在您可以对像素数据应用算法来找到“主要”颜色。最简单的选择是平均值，但听起来您不希望这样。那里有很多聚类算法；可能你想要的是执行 color quantization将调色板中的颜色数量减少到一些较小的数量，然后采用代表图像中最多像素的颜色。
median cut algorithm在这里是一个很好的、相对简单的选项，尽管它仍然需要大量的编码。我在一个小的业余爱好项目上工作，用 Javascript 实现这个算法 - 你可以 see my code here .它不会立即为您工作，但我可能已经为您完成了大部分艰苦的工作。
关于Javascript 图像主簇颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6819447/