Extraction des couleurs d'une image — couleur dominante, palette de 8 couleurs et valeurs HEX
Choisissez une affiche, une capture d'écran ou une photo : la couleur dominante et une palette de huit couleurs sont calculées dans le navigateur par quantification par découpe médiane. Les pastilles affichent le HEX et le copient au clic. Pas de réglage du nombre de couleurs, pas de sortie HSL ou CMYK, pas d'export de variables CSS.
Ce que cet extracteur de couleurs produit — et ce qu'il ne fait pas
Couleur dominante et palette de 8 couleurs
Chaque chargement exécute une quantification par découpe médiane : le plus grand groupe de couleurs devient la couleur dominante et la palette compte toujours huit pastilles. L'image n'est affichée qu'en aperçu dans une zone 16:9 avec contain, sans manipulation au pixel près.
Aucun réglage du nombre de couleurs ni du format
La taille de la palette est fixée à 8 (la couleur dominante provient d'une passe séparée à 5 couleurs), le traitement interne est en RGB et l'affichage se limite au HEX en minuscules. Pas de texte HSL, CMYK ou RGB, pas d'export de variables CSS.
Cliquer sur une pastille pour copier le HEX
Chaque pastille circulaire copie sa valeur HEX dans le presse-papiers et affiche un toast. L'image elle-même n'est pas cliquable : pas de pipette ni de possibilité d'échantillonner un pixel précis.
Traitement via canvas, mais fichiers locaux uniquement
L'image choisie est dessinée sur un canvas puis lue avec getImageData, entièrement dans le navigateur. Aucun champ d'URL d'image n'existe, donc aucune contamination cross-origin du canvas : seul le fichier sélectionné est analysé.
L'échantillonnage ignore le quasi-blanc et la transparence
Un pixel sur dix est échantillonné ; les pixels dont l'alpha est inférieur à 125 et les pixels quasi blancs (les trois canaux au-dessus de 250) sont ignorés. Les fonds blancs et les zones transparentes ne dominent donc jamais le résultat.
FAQ sur l'extraction des couleurs d'une image
Comment les couleurs sont-elles calculées ?
Avec la quantification par découpe médiane (MMCQ) de ColorThief. La couleur dominante est le premier groupe d'une passe à 5 couleurs ; la palette provient d'une passe à 8 couleurs. Quality vaut 10 par défaut, soit un pixel sur dix échantillonné.
Peut-on changer le nombre de couleurs ?
Non. Les huit pastilles sont figées, sans curseur ni champ de saisie, et la couleur dominante vient d'une autre quantification à 5 couleurs. La palette est recalculée et remplacée à chaque nouveau fichier.
Quels formats de couleur obtient-on ?
Uniquement du HEX en minuscules, affiché sur chaque pastille et copié au clic. Aucune valeur RGB, HSL ou CMYK, aucune variable CSS et aucun export PNG ou texte.
Y a-t-il une pipette ou une sélection de pixel unique ?
Non. L'image ne sert que d'aperçu ; cliquer sur une pastille copie son HEX. Il n'y a ni sélection au pixel près ni possibilité de prélever un point sur la photo.
L'image est-elle envoyée sur un serveur et traitée dans un canvas ?
Tout se passe dans un canvas local, rien n'est envoyé. Le fichier est chargé via une object URL, affiché dans une zone d'aperçu 16:9 fixe, puis dessiné en taille réelle pour l'analyse.
Une image cross-origin contamine-t-elle le canvas ?
La page n'accepte que des fichiers locaux ; il n'y a ni champ d'URL ni appel à getColorFromUrl, donc aucune contamination CORS ne peut survenir. Pour une image du web, téléchargez-la d'abord puis choisissez le fichier.
Pourquoi le blanc et la transparence sont-ils ignorés, et que se passe-t-il avec les très grandes images ?
Les pixels dont l'alpha est inférieur à 125 et les pixels quasi blancs (tous les canaux au-dessus de 250) sont ignorés. Les très grandes images sont dessinées en taille réelle et lues en entier, ce qui peut être lent et gourmand en mémoire ; il n'y a ni redimensionnement ni limite de taille.
