CodeKitHub
Outils image

Détecteur de Couleur Dominante d'Image

Dernière mise à jour:

Importez n'importe quelle image et obtenez deux choses à la fois : la couleur moyenne globale (tous les pixels mélangés ensemble) et une palette de jusqu'à 8 couleurs dominantes (les couleurs distinctes les plus fréquentes, regroupées par similarité). Cliquez sur n'importe quel échantillon pour copier son code HEX — utile pour extraire une palette de marque à partir d'une photo ou d'un logo.

En quoi consiste cet outil ?

La couleur moyenne est la moyenne arithmétique des valeurs rouge, verte et bleue de chaque pixel — une couleur unique et mélangée qui représente le ton global de l'image, mais qui peut paraître terne si l'image contient des zones de couleurs très différentes.

Les couleurs dominantes, elles, sont différentes : cet outil regroupe les pixels de couleur similaire dans des groupes (en quantifiant chaque canal RGB), compte combien de pixels tombent dans chaque groupe, et renvoie les plus fréquents sous forme d'échantillons distincts — plus proche de ce qu'un humain appellerait « les couleurs principales de cette image » qu'un simple mélange moyen.

Pourquoi l'utiliser ?

  • Obtenez à la fois la couleur moyenne et une véritable palette multicolore à partir d'un seul import, pas seulement un chiffre.
  • Extrayez une palette de couleurs exploitable à partir d'une photo, d'une capture d'écran ou d'un logo pour un projet de design.
  • Cliquez sur n'importe quel échantillon pour copier instantanément son code HEX exact.
  • Fonctionne entièrement dans votre navigateur — l'image est lue localement via canvas et n'est jamais envoyée nulle part.
  • Gratuit, instantané, sans compte, sans limite de taille de fichier au-delà de celles de votre navigateur.

Mode d'emploi

  1. Cliquez sur le bouton d'import et choisissez une image depuis votre appareil.
  2. La couleur moyenne et la palette de couleurs dominantes apparaissent automatiquement — aucun bouton supplémentaire à cliquer.
  3. Cliquez sur n'importe quel échantillon (la couleur moyenne ou une couleur de la palette) pour copier son code HEX.

Exemple

Entrée

Une photo de coucher de soleil avec un ciel orange et des silhouettes bleu foncé

Résultat

Couleur moyenne : un mélange brun-orangé terne · Couleurs dominantes : orange vif, rouge profond, quasi-noir, jaune pâle (en échantillons distincts séparés)

C'est exactement le cas où la couleur moyenne et les couleurs dominantes divergent le plus — la moyenne mélange les tons chauds et froids en une teinte terne, tandis que la palette dominante les garde comme des couleurs clairement séparées.

Foire aux questions

Pourquoi la couleur moyenne est-elle si différente de toute couleur réellement présente dans l'image ?

La moyenne combine mathématiquement chaque pixel — si une image contient des zones à la fois orange vif et bleu foncé, la moyenne aboutit à un brun terne, une couleur qui peut ne visuellement exister nulle part dans la photo d'origine. C'est le comportement attendu d'une véritable moyenne, pas un bug ; utilisez plutôt la palette de couleurs dominantes si vous voulez des couleurs qui apparaissent réellement dans l'image.

Mon image est-elle envoyée à un serveur ?

Non. L'image est lue directement par votre navigateur via l'API Canvas, et toute l'analyse des couleurs se fait localement en JavaScript. Rien n'est jamais envoyé sur le réseau.

Combien de couleurs dominantes l'outil renvoie-t-il ?

Jusqu'à 8, triées selon le nombre de pixels correspondant à chaque groupe de couleur, la plus fréquente en premier. Si l'image est très uniforme en couleur, vous pourriez voir moins de 8 groupes distincts.

Compte-t-il les pixels transparents d'un PNG ?

Non — les pixels dont l'opacité est inférieure à 50 % sont exclus à la fois du calcul de la moyenne et de celui des couleurs dominantes, donc un arrière-plan transparent ne faussera pas les résultats vers la couleur qui transparaît derrière lui.

Outils associés