WMW

Extraire les Couleurs d'une Image

Free

Extrayez une palette de couleurs dominantes d'une image en utilisant la quantification par coupe médiane, avec copie en hex ou variables CSS.

Fonctionne entièrement dans votre navigateur. Votre image n'est jamais envoyée où que ce soit.

Cliquez pour choisir une image, ou glissez-déposez-en une ici

Activité récente

Visible par tous. Les 20 dernières utilisations de tous les visiteurs, les plus récentes en premier.

Pas encore d'activité. Soyez le premier.

Commentaires (0)

Cet outil vous a-t-il été utile ? Laissez un commentaire, partagez une astuce, ou dites-nous comment nous pourrions l'améliorer.

Les commentaires des invités sont vérifiés avant publication. Se connecter pour publier instantanément.

Pas encore de commentaires. Soyez le premier à partager votre avis !

Ce que fait cet outil

Extrait une palette de couleurs dominantes de n'importe quelle image à l'aide de la quantification de couleur par coupe médiane, la même technique utilisée par les bibliothèques d'extraction de palette populaires, avec un nombre de couleurs réglable et une copie en un clic sous forme de codes hexadécimaux ou de variables CSS.

Comment ça marche

Tous les pixels de l'image commencent dans un seul groupe. L'outil trouve quel canal de couleur (rouge, vert ou bleu) a la plage de valeurs la plus large au sein du groupe le plus peuplé, trie les pixels de ce groupe le long de ce canal, et le divise en deux à la médiane afin que les deux moitiés contiennent à peu près le même nombre de pixels. Cette division se répète, ciblant toujours le groupe avec le plus de pixels, jusqu'à ce qu'il y ait autant de groupes que de couleurs demandées. Chaque groupe final est ensuite réduit à une seule couleur en faisant la moyenne de ses pixels, et les couleurs résultantes sont triées avec la plus commune (le plus grand groupe) en premier.

Problèmes résolus

Questions fréquentes

Comment cet outil choisit-il les couleurs les plus importantes dans mon image ?

Il utilise une technique appelée quantification par coupe médiane : il traite la couleur de chaque pixel comme un point dans l'espace 3D rouge/vert/bleu, divise à plusieurs reprises le groupe de couleurs le plus peuplé en deux le long du canal de couleur qui varie le plus en son sein, et une fois qu'il a autant de groupes que de couleurs demandées, fait la moyenne de chaque groupe en une couleur représentative. Les groupes avec plus de pixels viennent en premier dans les résultats, donc la palette reflète combien de l'image chaque couleur couvre réellement.

Pourquoi cela est-il plus intelligent que de simplement faire la moyenne de toute l'image en une seule couleur ?

Faire la moyenne de tout en une fois mélangerait une photo avec des zones rouges et bleues distinctes en un violet boueux qui n'apparaît nulle part dans l'original. En divisant l'espace colorimétrique en groupes séparés avant la moyenne, chaque groupe ne contient que des couleurs similaires, donc les zones rouges et bleues restent représentées comme leurs propres entrées de palette distinctes et reconnaissables au lieu de s'annuler mutuellement.

Pourquoi la palette extraite pourrait-elle omettre une couleur que je vois clairement sur la photo ?

Si cette couleur ne couvre qu'une petite zone de l'image, elle peut finir intégrée dans un groupe plus grand et plus dominant plutôt que d'obtenir son propre emplacement, surtout avec un nombre de couleurs plus bas. Augmenter le nombre de couleurs demandées donne aux petites zones de couleur subtiles une meilleure chance d'être séparées dans leur propre entrée de palette.

Cela analyse-t-il l'image en pleine résolution ?

L'image est d'abord réduite à une copie de travail plus petite avant l'analyse, car l'extraction de palette n'a besoin que d'un échantillon représentatif de couleurs, pas de chaque pixel, et cela maintient l'outil rapide même sur de grandes photos. Cela n'affecte pas l'image elle-même, seulement l'analyse, rien n'est téléversé et le fichier original n'est jamais modifié.

Puis-je utiliser la palette dans mon CSS ?

Oui, cliquez sur « Copier en tant que variables CSS » pour copier la palette sous forme de propriétés personnalisées prêtes à coller --color-1 à --color-N, ou « Copier en tant que liste HEX » pour une simple liste de codes hexadécimaux.

Outils similaires