Extractor de Colores de Imágenes Extrae una paleta de colores completa con colores dominantes y de acento de cualquier imagen subida.

El extractor utiliza la API de Canvas para leer los datos de píxeles de las imágenes subidas. La imagen se reduce a un máximo de 200×200 para mejorar el rendimiento, luego cada píxel se cuantiza redondeando los valores RGB al múltiplo más cercano de 16. Este agrupamiento reúne colores similares juntos. Los colores cuantizados se cuentan por frecuencia, se ordenan de más a menos comunes y se filtran para eliminar colores que son demasiado similares (distancia euclidiana < 60 en el espacio RGB). Este enfoque es una versión simplificada del algoritmo de corte mediano. El método getImageData() de Canvas proporciona valores RGBA para cada píxel, que se procesan completamente en JavaScript. Las imágenes más grandes se reducen porque la calidad de extracción de colores no mejora significativamente más allá de ~200px de resolución para fines de paleta, y las imágenes más pequeñas se procesan mucho más rápido.