pulsa ⌘K para cambiar de herramienta
IMAGE

Extractor de Colores de Imagen

Extrae los colores dominantes de una imagen subida como códigos hex.

local
color-extract

🖥 Images are analyzed locally in your browser — never uploaded.

§01 ACERCA DE ESTA HERRAMIENTA

Descripción general

Esta herramienta construye rápidamente una paleta a partir de cualquier imagen. Elige una foto, una captura de pantalla o un logotipo, y devuelve los diez colores más frecuentes como muestras con su código hexadecimal. Por dentro reduce la imagen (máximo 100 px en el lado más largo), cuantiza cada canal RGB en pasos de 32 para fusionar tonos casi idénticos, omite los píxeles mayoritariamente transparentes y ordena los intervalos resultantes por número de píxeles. El análisis ocurre en un canvas dentro de tu navegador: el archivo nunca sale de tu equipo.

Cómo se usa

  1. Pulsa Choose image y selecciona cualquier archivo de imagen (PNG, JPEG, WebP, etc.).
  2. Lee las muestras resultantes: hasta diez colores, ordenados del más al menos frecuente, cada uno con su código hexadecimal.

Ejemplos

  • Extraer una paleta de marca de la captura del logotipo de un competidor, para compararla con tus tokens de diseño.
  • Sacar los colores dominantes de una foto de cabecera y derivar de ahí colores de acento y de fondo que combinen.
  • Comprobar si un PNG de fondo «plano» contiene en realidad varios tonos casi idénticos que ha dejado la compresión.

Notas

Las imágenes enormes se manejan sin problema gracias a la reducción, pero la paleta refleja la imagen reducida, así que los detalles de color minúsculos (líneas finas, píxeles de acento aislados) pueden no aparecer. Las zonas transparentes no influyen en el resultado.

FAQ
¿Se sube mi imagen a algún sitio?
No. La imagen se dibuja en un canvas oculto y se analiza localmente en tu navegador. Nunca se envía a un servidor.
¿Cómo se calculan los colores dominantes?
La imagen se reduce a como máximo 100 píxeles en su lado más largo, los valores RGB de cada píxel se cuantizan en intervalos de 32 por canal, y se muestran los diez intervalos más frecuentes. Los píxeles transparentes en más de la mitad se ignoran.
¿Por qué los códigos hexadecimales extraídos no coinciden exactamente con un color que he tomado de la imagen?
La cuantización redondea cada canal RGB al múltiplo de 32 más cercano para que los tonos parecidos se agrupen. El resultado representa un grupo de colores, no un píxel exacto, así que puede diferir ligeramente del valor de cualquier píxel individual.