javascript - 如何在不使用 Canvas 的情况下在 JavaScript 中计算上传图像的平均色调

Question

好吧，我已经搜索了很多地方来寻找这个答案，我最后一个要问的地方是在 S.O，因为我知道这个问题可能会被屏蔽。但我真的很想知道 JavaScript 中是否有任何第三方库，我可以在不使用 Canvas 的情况下计算上传图像的平均色调。如果不是库，JS中有没有任何方法或算法可以找出图像的平均色调？我已经浏览了一些像 Colorify.js 这样的库，但没有得到所需的解决方案。还有一些其他语言的库。

Answer 1

查看@Umriyaev 的解决方案

1. 将 RGB 值转换为 0-1 范围，这可以通过将该值除以 255 来获得 8 位颜色深度(r、g、b - 给定值):
R = r/255 = 0.09
G=克/255=0.38
B = b/255 = 0.46

2. 求 R、G 和 B 的最小值和最大值。

3. 最大值取决于 RGB 颜色 channel 。三个不同的公式是:
如果红色为最大值，则色调 = (G-B)/(max-min)
如果绿色为最大值，则色调 = 2.0 + (B-R)/(max-min)
如果蓝色为最大值，则色调 = 4.0 + (R-G)/(max-min)

您获得的色相值需要乘以 60，才能将其转换为色环上的度数。如果色相变为负值，您需要添加 360，因为圆有 360 度。

这里是full article .