Analizador de color e imagen

Extrae colores dominantes y crea paletas a partir de cualquier imagen, inspecciona histogramas RGB y de luminancia, previsualiza en escala de grises y comprueba ratios de contraste WCAG para combinaciones de color accesibles. Todo el análisis se ejecuta localmente en tu navegador: sin subidas.

La privacidad es lo primero: cada imagen se procesa localmente en tu navegador. Nada se sube, almacena ni transmite a ningún servidor.

El analizador de color e imagen de PixelVault extrae los colores dominantes, crea paletas y muestra información detallada sobre cualquier imagen, todo dentro de tu navegador. Es una herramienta para diseñadores y desarrolladores que quieren entender los colores y las propiedades de una imagen.

Obtén una paleta copiable de colores dominantes con códigos hex y porcentajes de presencia, inspecciona histogramas completos de RGB y luminancia, previsualiza la imagen en escala de grises y comprueba el ratio de contraste WCAG entre dos colores cualesquiera para asegurar un texto accesible.

Como todo el análisis se ejecuta localmente, tus imágenes nunca se suben y los resultados aparecen al instante. Haz clic en cualquier muestra para copiar su código hex o copia toda la paleta de una vez.

Cómo funciona

PixelVault dibuja tu imagen en un canvas y lee sus datos de píxeles. Agrupa colores similares para hallar los tonos dominantes, cuenta los valores de los canales para construir los histogramas RGB y de luminancia, y aplica la fórmula de contraste WCAG 2.1 a los pares de colores que elijas. Nada de esto necesita un servidor.

Por qué importa el procesamiento local

Analizar localmente mantiene tus imágenes privadas y hace que los resultados sean instantáneos, sin ida y vuelta al servidor. Ya inspecciones capturas de pantalla, arte o fotos de clientes, el archivo nunca sale de tu dispositivo y la herramienta funciona sin conexión.

Formatos compatibles

  • JPG — Fotos; se analizan los colores y el histograma.
  • PNG — Gráficos y capturas de pantalla con transparencia.
  • WebP — Formato web moderno.

Casos de uso comunes

  • Extrae una paleta de colores de una foto o una imagen de marca.
  • Comprueba que los pares de colores de texto y fondo cumplan el contraste WCAG.
  • Inspecciona el histograma para juzgar la exposición y el rango tonal.
  • Copia los códigos hex de los colores dominantes para usarlos en el diseño.

Preguntas frecuentes

¿Se sube mi imagen para analizarla?
No. La extracción de color, los histogramas y las comprobaciones de contraste se ejecutan todos localmente en tu navegador.
¿Qué información de color puedo obtener?
Colores dominantes, una paleta copiable con códigos hex y porcentajes de presencia, e histogramas completos de RGB y luminancia.
¿Para qué sirve el comprobador de contraste?
Mide el ratio de contraste WCAG 2.1 entre dos colores y muestra si superan AA, AA Grande y AAA para texto accesible.
¿Puedo copiar los códigos de color?
Sí. Haz clic en cualquier muestra para copiar su código hex, o copia toda la paleta de una vez.