El extractor de colores de imagen analiza una foto subida y extrae los 6 colores visualmente más destacados, generando una paleta con códigos HEX, RGB, HSL y PANTONE. También exporta la imagen y la paleta juntas como un único PNG para presentaciones de diseño o redes sociales. Todo el procesamiento ocurre en el navegador.
Cómo se seleccionan y ordenan los colores
La herramienta usa el algoritmo ColorThief, que agrupa píxeles por similitud visual (agrupación de colores) en lugar de contar la frecuencia bruta de píxeles. Esto significa que un color de acento visualmente dominante pero que ocupa solo una pequeña parte de la imagen también será extraído. Los 6 colores resultantes se ordenan por tono, por lo que la paleta se muestra como un gradiente suave en lugar de una selección aleatoria.
Modo estándar frente a modo PANTONE
En el modo estándar, cada muestra de color muestra el valor extraído real: los números exactos de HEX, RGB y HSL de la imagen. En el modo PANTONE, cada muestra cambia a la coincidencia PANTONE TCX más cercana. Los valores mostrados pasan a ser los oficiales de PANTONE, no los colores originales extraídos.
PANTONE TCX (Textile Color eXtended) es el estándar de color extendido de la industria textil, con más de 2000 colores. Se usa ampliamente para comunicar especificaciones de color entre diseñadores, tintorerías y fabricantes en distintos medios.
Exportar la imagen de paleta
Al hacer clic en "Export Image", se renderiza la foto original junto a las 6 muestras de color a resolución 2× y se guarda como color-palette-{marca de tiempo}.png. Cada muestra incluye sus valores de código de color. El diseño se adapta automáticamente: las imágenes en vertical obtienen una franja de paleta horizontal debajo; las imágenes en horizontal obtienen la paleta a la derecha.
Cómo obtener extracciones precisas en imágenes problemáticas
- Los JPEG con mucha compresión pueden introducir bandas de color que distorsionan la extracción. Si la paleta no parece correcta, prueba con una versión PNG o menos comprimida de la misma imagen.
- Las imágenes con un fondo uniforme grande (fotos de estudio blancas, fotos de producto en fondo liso) tendrán un neutro dominante que ocupará una ranura de la paleta. Recorta ajustado al sujeto si solo quieres los colores de acento.
- El algoritmo siempre extrae exactamente 6 colores, independientemente de cuántos colores distintos contenga la imagen.