获得图像的主色调

Question

我正在做一个太空壁纸分享画廊.我已经使用JavaScript库颜色窃贼来检索图像的主色,但我有一个问题.大多数壁纸是黑暗的.如果在搜索壁纸时,用户选择像#07F这样的蓝色,他将不会得到具有这种颜色的许多黑色壁纸,因为这些壁纸的主色将接近黑色.

我可以允许使用多种主色进行搜索(例如黑色和蓝色),但这会使搜索更复杂.

是否有任何JavaScript库(必须在客户端完成)能够获得图像的主导色调？如果没有,你对我如何实现算法有任何想法吗？

谢谢阅读 :)

Answer 1

这更像是一个设计问题，而不是 Javascript。主色并不总是覆盖最多像素的颜色。这是吸引你眼球的颜色。例如，如果您向某人展示一张黑色背景上的粉红色星系的图片，则主色不是黑色，而是粉红色，因为主要拍摄对象是粉红色的。所以你需要一个比这更复杂的算法。

此外，从技术上讲，黑色和白色不是颜色。它们分别只是完全没有光或极端高光（或光源）。因此，我会排除任何比预定义阈值更暗或更亮的内容（例如，在计算中排除顶部和底部 5%）。

编辑：

我自己实际上可能会尝试使最饱和像素的颜色高于某个阈值（例如，超过 X 像素数，以避免由于噪声而导致误报），并具有一定的误差范围。

编辑2：

您也许可以更改L155来测试像素的饱和度和暗度。您可能想要一个为此目的进行 RGB->HSB 转换的库，但我不知道是否有一个好的库。