Saltar al contenido principal
ImageColorPix

Analizador de color de imagen

Sube cualquier imagen para un análisis completo: colores dominantes con cobertura, color medio, brillo, saturación, temperatura, contraste, estilo, armonías y colores combinados listos para diseño. No solo muestras. Un sistema de color completo desde una foto.

tropical-beach.jpg

Colores dominantes

Color promedio

#A7B2B8

Brillo

72%

Saturación

31%

Temperatura

Frío

Cálido / Frío / Neutro según equilibrio rojo-azul

Contraste

Medio

Rango de luminancia entre píxeles

Ambiente de color

Tranquilo / Suave / Frío

Según saturación + temperatura + brillo

Armonía de color (desde primario)

Colores que mejor combinan

haz clic para copiar

¿Qué es el análisis de color de imagen?

Más allá de los colores dominantes

Las herramientas básicas se quedan en 5 muestras. Este analizador también mide la imagen completa: promedio RGB medio, % de brillo percibido, % de saturación, temperatura cálida/fría por balance rojo-azul, contraste por rango de luminancia y etiqueta de estilo (Suave/Intenso, Cálido/Frío, Amplio/Melancólico/Tranquilo).

Desde el color dominante principal deriva armonías análogas, complementarias y triádicas, más roles de producción (Primario, Secundario, Acento, Oscuro, Claro) para que salgas con un sistema usable, no solo muestras.

Cómo usar

01

Sube

Pulsa el icono de imagen, arrastra y suelta, pega o carga con URL. La foto de playa por defecto carga al instante.

02

Lee el informe

Tira de dominantes con barra de cobertura, muestra media, medidores de brillo/saturación, temperatura, contraste y estilo.

03

Publica el sistema

Pulsa cualquier muestra, armonía o rol para copiar. Copia el informe o descarga TXT para entregarlo.

Ejemplos de la vida real

Extracción de marca desde logotipos

Sube un logotipo o captura: el dominante superior con su cobertura % pasa a Primario, los dos siguientes a Secundario y Acento, y el más oscuro y el más claro a neutros Oscuro y Claro para un sistema de diseño v1.

Estilo de foto para campañas

Saturación bajo 35 se lee Suave, sobre 65 Intenso. Brillo sobre 70 Amplio, bajo 35 Melancólico. Revisa el trío más la temperatura antes de lanzar para confirmar que el hero transmite lo del brief.

Temas UI desde inspiración

Usa los roles Oscuro/Claro para superficies y texto, Acento para llamadas a la acción y armonías para estados hover, todo desde una foto.

Consistencia social y de contenido

Mantén feeds cohesionados: combina portadas nuevas con tonos dominantes y tintes del color medio como fondos temporales.

Control de calidad fotográfica

Rango de luminancia bajo 0.25 se lee contraste Bajo (apagado). Sobre 0.5 se lee Alto. Las barras de cobertura muestran fondos dominantes, como 60% o más de cielo en fotos de playa.

Inicio de accesibilidad

Combina los roles Oscuro y Claro, luego verifica que ese par exacto llegue a 4.5:1 en el comprobador de contraste antes de publicar.

Preguntas frecuentes

1¿En qué se diferencia del generador de paletas?
Paleta da muestras. Analizador suma color medio, % de brillo/saturación, temperatura, rango de contraste, estilo, armonías y roles de producción (Primario/Secundario/Acento/Oscuro/Claro) con cobertura.
2¿Cómo se calculan los colores dominantes y el %?
Mismo motor compartido: unos 12k píxeles analizados, cuantización de 6 bits, orden por frecuencia, fusión por distancia 0.08. Las barras de cobertura muestran la parte relativa de los 5 primeros.
3¿Qué significan brillo, saturación y temperatura?
Brillo es la luminancia media percibida. Saturación es la intensidad media del color. Temperatura cuenta píxeles cálidos (rojo mayor que azul) frente a fríos. Contraste es el rango de luminancia (Bajo/Medio/Alto).
4¿Qué cuenta como contraste alto o bajo aquí?
Contraste es el rango de luminancia de los píxeles analizados: bajo 0.25 se lee Bajo, 0.25 a 0.5 Medio, sobre 0.5 Alto. Describe la dispersión tonal dentro de la foto, no la legibilidad de texto WCAG. Combina los roles Oscuro y Claro y comprueba ese par aparte en el comprobador de contraste.
5¿En qué se diferencia la temperatura del balance de blancos en fotografía?
Es más simple a propósito: cada píxel analizado vota cálido cuando el rojo supera claro al azul y frío cuando el azul supera al rojo, y gana la mayoría (un empate se lee Neutro). Indica la tendencia general de la foto, no un valor Kelvin, así úsala para dirección de estilo más que para corrección de color.
6¿Puedo analizar logotipos o capturas, no solo fotos?
Sí. Todo lo que puedas subir, pegar o cargar con URL sirve: logotipos, capturas de UI, carteles. Los gráficos planos dan resultados más limpios que las fotos porque las áreas sólidas grandes dominan el conteo, así los colores de marca salen con cobertura alta.
7¿Se sube mi imagen?
No. Gratis, sin registro, privado por diseño.

Descubre más herramientas de color

Generador de paletas de imagen

Extrae la paleta de cualquier foto

Selector de color de imagen

Elige cualquier píxel de una imagen

Comprobador de contraste

Notas de legibilidad de texto WCAG

Generador de paletas

Armonías aleatorias + modo imagen