Pourquoi nous avons ajouté l'extraction automatique de palette au sélecteur de couleur

Notre sélecteur de couleur a toujours permis de téléverser une image et de cliquer sur n’importe quel pixel pour obtenir sa valeur exacte en HEX, RGB et HSL. Cela répond à « de quelle couleur est ce point précis ? » — utile, mais ce n’est pas la question que la plupart des gens se posent réellement en téléversant une photo. C’est généralement « quelle est la palette de couleurs globale de cette image ? » — extraire la palette de marque d’un logo, ou faire correspondre l’ambiance d’une photo de référence pour le schéma de couleurs d’un site web.

L’échantillonnage d’un seul pixel ne peut pas répondre à cela. Nous avons donc ajouté l’extraction de palette : téléversez une image, et l’outil extrait désormais automatiquement les huit couleurs dominantes et les affiche sous forme de pastilles cliquables.

Comment ça marche

Aucun modèle d’IA n’est impliqué et rien n’est téléversé nulle part — c’est un algorithme direct de comptage de fréquences qui s’exécute en quelques millisecondes :

L’image est sous-échantillonnée sur un canevas de 80×80. La pleine résolution n’est pas nécessaire pour les statistiques de couleur, et le sous-échantillonnage garde le tout instantané même pour de grandes photos.
Chaque pixel est regroupé selon une version simplifiée de sa couleur — les 5 bits supérieurs de chaque canal RGB, afin que les pixels visuellement quasi identiques tombent dans le même groupe au lieu d’être chacun compté comme une couleur unique.
Les groupes sont triés selon le nombre de pixels qu’ils contiennent, et les huit plus grands deviennent la palette, chacun affiché comme la couleur moyenne de tout ce que contient ce groupe.

C’est tout. Pas de machine learning, pas de service externe — juste du sous-échantillonnage et du comptage, c’est pourquoi c’est instantané et ne quitte jamais votre navigateur.

Cliquez sur une pastille, obtenez le code

Chaque pastille de la palette est cliquable : cliquez dessus et elle devient la couleur active de l’outil, avec HEX, RGB et HSL remplis automatiquement et le hex copié dans votre presse-papiers en un seul clic. Il y a aussi un bouton « tout copier » si vous voulez toute la palette sous forme de liste séparée par des virgules, utile pour la coller directement dans un outil de design ou un bloc de propriétés personnalisées CSS.

Essayez-le

Téléversez n’importe quelle image — une capture d’écran, un logo, une photo — sur la page du sélecteur de couleur et la palette apparaît automatiquement en dessous.