Saltar al contenido
Toolars
Explorar
Informar de un error

Imágenes · utilidad Local

Color medio de una imagen

Image Average Color Finder

Calcula el color promedio de una imagen ponderando la transparencia y cópialo como HEX, rgb() o rgba(), listo para tus tokens de diseño.

Ruta de la tarea / de la entrada al resultado

Elige la imagen

Funciona en local · No se sube nada

Cómo funciona Color medio de una imagen, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo hallar el color medio de una imagen

  1. 01

    Elige la imagen

    Selecciona «Elegir archivo» —o suelta la imagen en la zona— y abre un PNG, JPEG o WebP de hasta 12 MiB, con un máximo de 8 192 píxeles por lado y 24 000 000 píxeles en total. Los píxeles se decodifican localmente y las dimensiones se confirman antes del análisis; nada se sube.

  2. 02

    Ejecuta el análisis

    Pulsa Buscar promedio. Las imágenes de más de 4.000.000 de píxeles se reducen primero en un Canvas separado hasta el límite de análisis. Las más pequeñas se leen a partir de los píxeles decodificados a tamaño completo. El resultado es una estimación útil del color, no una medida exacta de los bytes del archivo original.

  3. 03

    Lee el resultado consciente del alfa

    Como indica la nota del espacio de trabajo, los píxeles transparentes se ignoran y el alfa parcial contribuye proporcionalmente, así que los bordes suaves y los recortes PNG no sesgan el color hacia el fondo invisible. Una imagen totalmente transparente no tiene nada que promediar y se rechaza con un mensaje claro.

  4. 04

    Copia o descarga el valor

    La muestra del resultado muestra el color como HEX, rgb() y rgba(). Haz clic en la muestra para copiarlo, usa el control de copia para el texto completo, o «Descargar» para guardar los valores como un pequeño archivo de texto que puedes pegar en una hoja de estilos o una nota de diseño.

Datos de la herramienta

Procesamiento
En tu navegador
La entrada sale del dispositivo
Nunca
Retención
No se guarda nada
Precio
Gratis

Tus datos se quedan en el navegador.

Color medio de una imagen usa su ruta de ejecución local verificada y no crea un historial oculto de entradas ni salidas.

Ejecución local

Se ejecuta dentro de la pestaña actual del navegador.

Sin procesamiento oculto

Los datos activos de la herramienta nunca se convierten en un registro de documento de Toolars.

No se necesita cuenta

Usa el flujo de trabajo principal sin crear un perfil. Los favoritos se sincronizan con tu cuenta después de iniciar sesión.

Restablecimiento inmediato

Limpia la pestaña y los datos de trabajo activos desaparecen.

Qué hace Color medio de una imagen en realidad

Elegir un tinte de fondo que combine con la foto principal, comprobar si un recurso de marca sigue pareciendo de la marca tras un rediseño, tomar el tono medio de una foto de producto como color de marcador CSS: el promedio suele ser el resumen honesto más rápido de una imagen. Una pasada típica lleva segundos: suelta la foto, pulsa «Calcular promedio», haz clic en la muestra y el valor HEX está en el portapapeles, listo para convertirse en una propiedad personalizada --placeholder-color. Buscador de color promedio de imágenes lo calcula a partir de píxeles decodificados localmente, así que incluso el análisis de una imagen inédita se queda en el dispositivo.

Preguntas frecuentes

¿Cómo se calcula el promedio?
La herramienta pondera el RGB de cada píxel decodificado por su alfa: los píxeles totalmente transparentes no aportan color y los semitransparentes pesan menos. El alfa mostrado es la opacidad media de todos los píxeles analizados, incluidos los transparentes. Las imágenes de más de 4.000.000 de píxeles usan una copia reducida, así que el resultado es aproximado.
¿Por qué se reduce una imagen grande antes de medirla?
Reducir la imagen limita la memoria de Canvas y el trabajo necesario. Se hace sobre una copia local sin modificar el archivo original, pero el remuestreo puede cambiar el color medido, sobre todo en detalles finos y bordes transparentes. Compara el resultado con la imagen antes de convertirlo en un token de marca.
¿Qué formato conviene copiar para mi hoja de estilos?
HEX y rgb() muestran los canales RGB medidos y redondeados. rgba() añade el alfa medio; HEX y rgb() no incluyen esa opacidad. Si la imagen tiene zonas transparentes, usa rgba() cuando importe la opacidad y previsualiza el color sobre el fondo previsto.
¿Por qué falló una imagen totalmente transparente?
Una imagen sin píxeles visibles no tiene color que informar, así que la herramienta lo rechaza con un mensaje claro en lugar de inventar un negro o un blanco. Si el archivo debería contener contenido visible, comprueba que se exportó con el alfa que pretendías.
¿Se sube la imagen a algún sitio?
No. La decodificación y el promediado se ejecutan por completo dentro de la pestaña actual del navegador, no hace falta cuenta, y al restablecer el espacio de trabajo se descartan la imagen y el color medido.

Continuar en Estudio de imágenes

Tareas relacionadas, no un callejón sin salida.

Pasa a otro espacio de trabajo enfocado sin volver al índice completo.

Recortador de imágenes

Image Cropper

Recorta PNG, JPEG o WebP a coordenadas de píxel exactas con relaciones 1:1, 4:3, 3:2 o 16:9, y exporta en PNG, JPEG o WebP. Todo en local.

Editar

Filtros de imagen

Image Filters

Ajusta brillo, contraste, saturación, escala de grises, sepia y desenfoque con seis deslizadores, y descarga el PNG a resolución completa.

Editar

Redimensionador de imágenes

Image Resizer

Redimensiona imágenes a píxeles exactos con bloqueo de proporción, en PNG, JPEG o WebP. El modo por lotes escala hasta 12 imágenes en un zip.

Editar

Extractor de color de imagen

Image Color Extractor

Extrae hasta 12 grupos de color RGB ordenados por su proporción ponderada por alfa en la muestra visible; copia HEX o descarga el JSON.

Inspeccionar