Extracteur de couleurs d'image Extrayez une palette de couleurs complète avec des couleurs dominantes et d'accentuation à partir de n'importe quelle image téléchargée.

L'extracteur utilise l'API Canvas pour lire les données des pixels des images téléchargées. L'image est redimensionnée à un maximum de 200×200 pour des raisons de performances, puis chaque pixel est quantifié en arrondissant les valeurs RVB au multiple le plus proche de 16. Ce regroupement rassemble les couleurs similaires ensemble. Les couleurs quantifiées sont comptabilisées par fréquence, classées du plus commun au moins commun et filtrées pour supprimer les couleurs trop similaires (distance euclidienne < 60 dans l'espace RVB). Cette approche est une version simplifiée de l'algorithme de coupe médiane. La méthode getImageData() de Canvas fournit des valeurs RGBA pour chaque pixel, qui sont traitées entièrement en JavaScript. Les images plus grandes sont redimensionnées car la qualité d'extraction des couleurs ne s'améliore pas significativement au-delà d'une résolution d'environ 200px à des fins de palette, et les petites images sont traitées beaucoup plus rapidement.