Sin subida, 100% local, sin cuenta

Extractor de paleta de colores

Carga una imagen para extraer sus colores dominantes. Obtén los códigos HEX de cada muestra, cópialos con un clic. Todo se ejecuta en tu navegador.

Cómo funciona Extractor de paleta de colores

El extractor de paleta de colores analiza tu imagen e identifica los colores visualmente dominantes usando un algoritmo de agrupamiento k-means ejecutado contra los datos de píxeles en un Canvas. El resultado es un conjunto de muestras de color con sus valores HEX que puedes copiar individualmente. Ningún byte de imagen sale de tu navegador; el muestreo de píxeles se ejecuta localmente en un Web Worker para que el hilo principal permanezca activo.

La extracción agrupa los cientos de miles de colores de píxeles individuales en un número menor de clusters representativos. El número de colores de salida es configurable para que puedas extraer una paleta ajustada de cinco colores o un conjunto más amplio de doce. Esto es útil para extraer rápidamente colores de marca de un logotipo, identificar los tonos dominantes de una fotografía para un tablero de referencias visuales, o comprobar qué colores aparecen en una imagen subida por un usuario.

Escrito por Bastien Sulyan

Cómo usar Extractor de paleta de colores, paso a paso

  1. Arrastra tu imagen al área de carga o haz clic para explorar.
  2. Establece el número de colores que quieres extraer (normalmente entre 5 y 12).
  3. Haz clic en Extraer. El agrupamiento de píxeles se ejecuta localmente en un Web Worker.
  4. Visualiza las muestras de color resultantes y sus valores HEX.
  5. Haz clic en cualquier muestra para copiar su código HEX al portapapeles.

Casos de uso comunes

  • Un diseñador extrae la paleta dominante de una fotografía de marca para garantizar que los nuevos materiales de marketing coincidan con la historia de color existente.
  • Un desarrollador identifica los colores principales del avatar subido por un usuario para generar dinámicamente un color de acento de interfaz coincidente.
  • Un artista construye un tablero de referencias visuales extrayendo paletas de varias imágenes de referencia y comparando los códigos HEX extraídos.
  • Un bloguero extrae los cinco tonos dominantes de una foto de cabecera para elegir colores de texto y botones complementarios en la maquetación de una publicación.

Preguntas frecuentes

¿Cómo funciona el algoritmo de extracción de colores?

La herramienta lee todos los valores de píxeles de la imagen a través de Canvas.getImageData(), los reduce para mayor velocidad y luego ejecuta el agrupamiento k-means. Cada centroide de cluster se convierte en uno de los colores de salida. K-means agrupa los píxeles por proximidad de color para que los tonos visuales dominantes emerjan como los colores centroide.

¿La extracción de colores requiere subir la imagen?

No. El muestreo de píxeles ocurre dentro de un Web Worker en tu navegador. La imagen se lee desde tu disco local, se dibuja en un OffscreenCanvas y la matriz de píxeles se procesa en memoria. Los datos no salen de tu dispositivo.

¿Por qué los colores extraídos parecen ligeramente diferentes de lo que veo en la imagen?

Los centroides de k-means representan la media matemática de un cluster de colores de píxeles. Un color muy común pero ligeramente variado (un cielo azul con variaciones de gradiente sutiles) producirá un centroide que es el matiz promedio en lugar de cualquier valor de píxel exacto que puedas señalar. El resultado es una media representativa, no una muestra de un píxel específico.

¿Puedo extraer paletas de fotos con transparencia?

Los píxeles completamente transparentes (alfa = 0) se excluyen del agrupamiento para evitar que la región transparente desvíe los colores extraídos hacia el negro o el blanco según el relleno de fondo del Canvas. Los píxeles semitransparentes se incluyen en la muestra ponderados por su valor alfa.

¿En qué formato están los códigos de color?

La herramienta produce códigos HEX (como #3A7BD5). Si necesitas RGB, HSL u otros formatos, copia el valor HEX en la herramienta de conversión de colores, que acepta HEX y convierte a todos los modelos de color comunes.

Herramientas relacionadas

Mantén todo en local, explora herramientas complementarias.

Todas las herramientas de imagen