Средний цвет изображения

Вычисляйте доминирующий средний цвет изображения — полезно для создания подходящего фонового цвета или заглушки при загрузке.

Пример:

Как это работает

Вы разрабатываете сайт или приложение и хотите автоматически подобрать фоновый цвет в тон фотографии (например, для карточки товара во время загрузки изображения)? Импортируйте изображение, и инструмент вычислит среднее значение всех его пикселей, чтобы дать вам один репрезентативный цвет.

Как вычисляется средний цвет?

Инструмент суммирует значения красного, зелёного и синего каналов каждого пикселя изображения (или регулярной выборки для очень больших изображений, чтобы сохранить скорость), затем делит на количество проанализированных пикселей, получая среднее значение по каждому каналу.

Всегда ли результат соответствует визуально «доминирующему» цвету?

Не всегда: среднее значение может дать тусклый цвет (сероватый или коричневый), если изображение содержит много сильно различающихся цветов, даже если ни один из них реально не преобладает в изображении. Это математическое среднее, а не определение самого частотного цвета.

Обработка полностью локальна: вычисление выполняется в вашем браузере с помощью нашего модуля WebAssembly — ваше изображение никогда не отправляется на сервер.