Color medio de una imagen

Calcula el color medio dominante de una imagen — útil para generar un color de fondo a juego o una miniatura de carga.

Ejemplo:

Cómo funciona

¿Desarrollas un sitio o una aplicación y quieres generar automáticamente un color de fondo acorde con una foto (por ejemplo para una tarjeta de producto mientras se carga la imagen)? Importa la imagen y la herramienta calcula la media de todos sus píxeles para darte un color representativo único.

¿Cómo se calcula el color medio?

La herramienta suma los valores rojo, verde y azul de cada píxel de la imagen (o de una muestra regular para las imágenes muy grandes, para seguir siendo rápida), y luego divide por el número de píxeles analizados para obtener una media por canal.

¿El resultado corresponde siempre al color "dominante" visualmente?

No exactamente: una media puede dar un color apagado (grisáceo o marrón) si la imagen contiene muchos colores muy diferentes, aunque ninguno de esos colores aparezca realmente en la imagen. Es una media matemática, no una detección del color más frecuente.

Procesamiento 100% local: el cálculo se realiza en tu navegador mediante nuestro módulo WebAssembly — tu imagen nunca se envía a un servidor.