Couleurs les plus fréquentes · Pourcentage par Couleur · Résultats instantanés
Identifiez les couleurs visuellement les plus significatives de n'importe quelle image, avec un décompte en pourcentage indiquant quelle proportion de l'image chaque couleur occupe. L'extracteur utilise l'algorithme K-means++ pour regrouper les pixels par teinte et luminance, puis classe les clusters par couverture pour que vous voyiez immédiatement quelles teintes définissent l'image. Tout s'exécute localement dans votre navigateur.
Ouvrez l'extracteur et commencez immédiatement — sans compte, rien n'est stocké sur un serveur.
Ouvrir l'Extracteur de Palette →Une couleur dominante est la teinte qui couvre la plus grande proportion des pixels d'une image après regroupement par similarité visuelle. Contrairement à une simple couleur moyenne — qui fusionne tout en un ton unique et terne — une couleur dominante est une teinte réelle que vous pouvez voir en regardant l'image. Pour une forêt, la couleur dominante sera probablement un vert mi-ton. Pour un portrait, ce sera peut-être un ton chaud de peau ou la couleur du fond. Connaître la couleur dominante est la première étape pour construire une palette cohérente avec un asset visuel.
La couleur moyenne est une valeur unique obtenue en faisant la moyenne de tous les canaux de pixels — elle produit souvent un gris ou un brun terne sans lien avec ce qu'on voit dans l'image. La couleur dominante est le centroïde du cluster le plus représenté après le regroupement K-means, ce qui correspond à une teinte réellement visible.
Après le clustering, chaque pixel est assigné à son centroïde le plus proche. Le pourcentage d'une couleur correspond au nombre de pixels de ce cluster divisé par le total. Une couleur à 40% signifie qu'environ 40% de la surface de l'image appartient à ce groupe de couleurs.
La couleur dominante est le choix le plus sûr pour les fonds et les grandes surfaces, car elle est déjà en harmonie avec le reste de l'image. Les clusters secondaires conviennent bien aux accents et aux éléments interactifs. Copiez le code hex et collez-le directement dans votre CSS ou votre outil de design.