Convertisseur Gratuit

Extraire la palette de couleurs d'une image

Extrayez les couleurs dominantes de n'importe quelle image instantanément. Obtenez les valeurs HEX et RGB en un clic. Gratuit, sécurisé et fonctionne entièrement dans votre navigateur.

Glissez-déposez l'image ici

Supporte PNG, JPG, WEBP, GIF. Max 50 Mo.

Ou

À propos de cet outil

L'extraction de palette de couleurs analyse une image et identifie les couleurs dominantes ou représentatives. Le résultat est un petit ensemble de couleurs (généralement 5 à 8) qui capturent le caractère visuel de l'image. Les concepteurs utilisent des palettes extraites pour coordonner d'autres éléments de conception (couleurs de l'interface utilisateur qui complètent une image de héros, palettes de marque dérivées de la photographie, combinaisons de couleurs correspondant à une image d'ambiance).

L'extraction utilise des algorithmes de clustering (k-means ou similaires) pour regrouper tous les pixels de l'image dans le nombre demandé de clusters de couleurs. Le centre de chaque cluster devient une couleur de palette. Les plus grands groupes représentent les couleurs dominantes ; l'algorithme peut également pondérer en fonction de l'importance visuelle (saturation, contraste) plutôt que du nombre brut de pixels pour faire ressortir des couleurs d'accent frappantes.

Cet outil s'exécute dans votre navigateur en utilisant JavaScript. L'image est décodée en données de pixels, échantillonnée pour réduire les calculs et regroupée. Le résultat est la palette avec des codes hexadécimaux, des valeurs RVB et des barres proportionnelles montrant la prévalence de chaque couleur dans l'image.

Pourquoi extraire les palettes de couleurs

Concevoir des pièces qui se coordonnent avec des images existantes est beaucoup plus rapide avec des palettes extraites qu'avec la sélection des couleurs à l'œil nu. Les concepteurs Web créant des pages de destination autour d'images de héros, les spécialistes du marketing produisant des éléments correspondant à une photo de produit clé et les concepteurs de marque analysant les images des concurrents bénéficient tous de l'extraction algorithmique de palettes.

Les palettes prennent également en charge la gestion de contenu. La catégorisation des images par couleur dominante vous permet de créer des interfaces dans lesquelles les utilisateurs parcourent des photos, des produits ou des créations par couleur. Construire un tel système nécessite d’extraire systématiquement les palettes, ce que permet l’extraction programmatique.

Comment l'utiliser

Téléchargez, choisissez la taille de la palette, obtenez les couleurs.

  1. Téléchargez votre image: Faites glisser un fichier JPEG, PNG ou WebP dans la zone de téléchargement. Les fichiers jusqu'à 50 Mo sont pris en charge.
  2. Choisissez la taille de la palette: 5 à 8 couleurs couvrent la plupart des cas d'utilisation. 3-4 pour une palette bien ciblée ; 10+ pour une extraction finement détaillée. Les palettes plus grandes incluent des couleurs plus subtiles mais produisent une utilité décroissante.
  3. Extrait: Le clustering s'exécute dans votre navigateur. Les palettes plus petites s'extraient plus rapidement ; les palettes plus grandes à partir d’images haute résolution prennent quelques secondes.
  4. Utilisez la palette: Les codes hexadécimaux peuvent être copiés directement. La palette peut être exportée au format JSON, propriétés personnalisées CSS ou image d'échantillon de couleur.

Cas d'utilisation courants

Détails techniques

Le clustering K-means itère : attribuez chaque pixel au centre du cluster le plus proche, recalculez les centres comme la moyenne des pixels attribués, répétez jusqu'à convergence. L’exécution d’images en pleine résolution est lente ; l'échantillonnage (en prenant chaque Nième pixel) s'accélère avec une perte de qualité minimale.

L’espace colorimétrique est important. Le clustering en RVB produit des palettes pondérées par la distance RVB, qui ne correspond pas à la distance perceptuelle. Le clustering dans LAB ou HSV produit des palettes plus perceptuellement alignées – les couleurs qui semblent similaires se regroupent de manière plus fiable.

Sortie : codes hexadécimaux pour chaque centre de cluster, plus le pourcentage de pixels d'image dans chaque cluster. Le pourcentage représente la prévalence visuelle ; le plus grand groupe est la couleur la plus dominante.

Meilleures pratiques

Questions fréquentes

Combien de couleurs sont extraites ?
L'outil extrait généralement 5 à 8 couleurs dominantes, en fonction de la complexité de l'image. Des images simples avec peu de couleurs produisent des échantillons moins nombreux et plus distincts. Les photos complexes produisent une gamme plus large.
Comment fonctionne l’algorithme d’extraction ?
L'outil utilise la quantification des couleurs (coupe médiane ou clustering k-means) pour regrouper les pixels similaires et identifier les couleurs les plus représentatives. Cela produit des couleurs visuellement significatives plutôt que les valeurs de pixel uniques les plus courantes.
Puis-je utiliser des couleurs extraites pour ma marque ?
Oui. Il s'agit d'une technique populaire pour dériver des palettes de marque à partir de moodboards, de photographies ou d'images de produits. Les codes hexadécimaux extraits peuvent être utilisés directement dans CSS, des outils de conception ou des directives de marque.
Pourquoi les couleurs extraites ne correspondent-elles pas exactement à ce que je vois ?
L’extraction des couleurs regroupe les pixels similaires. Un dégradé qui ressemble à une couleur à l’œil peut être moyenné en une teinte légèrement différente. De plus, l'étalonnage du moniteur affecte la façon dont les couleurs apparaissent à l'écran.
Quel est le format de sortie ?
Codes hexadécimaux par défaut. La plupart des outils exportent également RVB, HSL et d’autres valeurs d’espace colorimétrique. Les propriétés personnalisées CSS ou la sortie JSON sont utiles pour une utilisation programmatique.
Mon image est-elle téléchargée sur un serveur ?
Non. L'extraction s'effectue dans votre navigateur.
La palette correspondra-t-elle à l’identité de la marque ?
L'extraction algorithmique est descriptive et non prescriptive. La sortie décrit l'image ; la marque peut avoir une palette connexe mais différente. Utilisez l’extraction comme point de départ, puis affinez l’alignement de la marque.
Puis-je extraire une vidéo ?
Extraction d’une seule image uniquement avec cet outil. Pour l’extraction de la palette vidéo, échantillonnez des images et extrayez-les de chacune, puis agrégez-les.