Как рассчитать средний оттенок загруженного изображения в JavaScript без использования Canvas

Question

Хорошо, я искал много мест для этого ответа, и последнее, что я хочу спросить, здесь, в SO, зная, что этот вопрос может быть заблокирован.Но я действительно хочу знать, есть ли какая-либо сторонняя библиотека в JavaScript, где я могу рассчитать средний оттенок загруженного изображения без использования canvas.Если нет библиотеки, есть ли в JS какой-либо метод или алгоритм для определения среднего оттенка изображения?Я просмотрел некоторые библиотеки, такие как Colorify.js, но не нашел нужного решения.Есть несколько библиотек на других языках.

Answer 1

Проверка решения @ Умриева

1. Преобразовать значения RGB в диапазон 0-1, это можно сделать, разделив значение на 255 для 8-битной глубины цвета (r, g, b - заданные значения): R = r / 255 = 0.09 G = g / 255 = 0.38 B = b / 255 = 0.46

2. Найти минимальное и максимальное значения R, G и B.

3. В зависимости от того, какой цветовой канал RGB является максимальным значением.Три различные формулы: If Red is max, then Hue = (G-B)/(max-min) If Green is max, then Hue = 2.0 + (B-R)/(max-min) If Blue is max, then Hue = 4.0 + (R-G)/(max-min)

Полученное значение оттенка необходимо умножить на 60, чтобы преобразовать его в градусы на цветном круге.Если Hue становится отрицательным, вам нужно добавить 360 к, потому что круг имеет 360 градусов.

Вот полная статья .