Extracteur de palette de couleurs

Extrayez les couleurs dominantes et valeurs HEX de toute image

Cliquez pour sélectionner ou déposez une image

Comment ça marche

Extracteur de palette de couleurs — Extrayez les couleurs dominantes et valeurs HEX de toute image. Tout le traitement se fait dans votre navigateur — sans téléversement, sans inscription, sans e-mail. Gratuit pour toujours.

Dernière mise à jour: 2026-05-06

Editor's note

Nous utilisons cet outil sur les captures de concurrents et les photos produit pour extraire des palettes destinées à notre propre travail de marque — c'est la vraie raison de son existence. La plupart des extracteurs de palette produisent une grille non stylisée avec les codes HEX en petite typo grise en dessous, et vous finissez par plisser les yeux, copier-coller et perdre le fil. Nous avons construit le nôtre pour que le HEX apparaisse au survol exactement là où votre curseur se trouve déjà — l'œil est déjà sur la pastille, et l'obliger à descendre vers une légende est une petite taxe bien réelle qui s'accumule sur une longue session.

L'autre choix que nous avons fait tôt, c'est de proposer sept pastilles par défaut, pas dix. Les outils qui affichent douze ou seize couleurs par défaut sont plus impressionnants en capture d'écran mais produisent des palettes inutilisables ; la longue traîne n'est que du bruit prélevé sur les bords et les ombres. Sept donne le récit dominant et quelques accents, ce qui est la forme d'une palette exploitable. Vous pouvez monter le curseur quand vous cherchez de l'inspiration, mais la valeur par défaut est la taille livrable.

À propos de Extracteur de palette de couleurs

Extracteur de palette de couleurs sort les couleurs dominantes d'une image et vous fournit les valeurs HEX, RGB et HSL à coller directement dans votre design system, votre CSS ou Figma. C'est la voie la plus rapide pour traduire une photo d'ambiance en palette de marque, accorder les accents d'une UI à une image de couverture ou échantillonner l'identité chromatique d'un concurrent.

Les designers qui montent une nouvelle marque extraient des palettes depuis un mood board. Les développeurs front prélèvent des nuances dans une image de couverture pour garder des accents harmonieux. Les marketeurs récupèrent des couleurs produit pour amorcer des créations de campagne. Les architectes d'intérieur et les stylistes font de même avec des photos de tissus ou de pièces.

L'échantillonnage est intégralement traité dans votre navigateur via canvas — l'image source ne quitte jamais l'appareil, indispensable quand il s'agit d'un mood board privé ou d'un visuel de campagne non publié.

Comment utiliser Extracteur de palette de couleurs

Déposez une image (photo, illustration, capture — toute matrice raster) dans la zone de dépôt.
Faites glisser le curseur de nombre de couleurs entre 3 et 16 pour contrôler le nombre de nuances.
Inspectez la rangée de nuanciers — chaque pastille affiche sa valeur HEX en dessous.
Cliquez sur un nuancier pour copier le HEX. Changez le sélecteur de format pour une sortie RGB ou HSL.
Relancez avec un autre nombre pour comparer palettes larges et plus granulaires — parfois 5 nuances racontent une histoire plus claire que 12.

Cas d'usage courants

Bâtir une palette de marque depuis une seule photo d'ambiance pour le deck d'un nouveau client.
Choisir une couleur de bouton CTA qui complète l'image de couverture d'un site.
Extraire les couleurs de garde-robe d'une photo mode pour la page de catégorie d'un site e-commerce.
Échantillonner les couleurs d'une capture concurrente lors d'un audit de marque.
Générer une échelle de couleurs Tailwind à partir d'une image source unique (extraire 5 couleurs, construire teintes et nuances à partir de chacune).

Astuces et erreurs courantes

Les photos de nature donnent en général des palettes plus riches que les captures d'interface — l'UI est souvent dominée par des fonds blancs ou gris.
Recadrez l'image sur la zone qui vous intéresse vraiment avant l'extraction. Un paysage complet fera ressortir le ciel et le sol ; un détail recadré fera ressortir les couleurs du sujet.
Cinq à sept couleurs est le bon équilibre pour une palette utilisable. Seize est génial pour l'inspiration mais entre rarement tel quel dans un design system.
Si la palette extraite paraît terne, augmentez le contraste de l'image source d'abord — une photo délavée donne une palette délavée.

Questions fréquentes

Comment la palette est-elle calculée ?

Nous échantillonnons les pixels dans une grille RGB grossière 6×6×6, moyennons chaque bin et conservons les buckets les plus fréquents. Rapide et produit des couleurs visuellement regroupées.

Combien de couleurs puis-je obtenir ?

Entre 3 et 16. Des nombres plus élevés font ressortir des accents plus subtils au détriment de buckets moins distincts.

Mon image est-elle envoyée ?

Non. L'échantillonnage tourne dans le navigateur via canvas — rien n'est envoyé.

Puis-je exporter la palette vers Figma ou Adobe ?

Pas directement pour le moment. En attendant, copiez chaque HEX et collez-les dans votre outil — les styles de couleur Figma acceptent du HEX, et Adobe accepte les imports ASE construits à partir d'une liste de HEX. Un export en un clic est sur la feuille de route.

Pourquoi ma photo d'arc-en-ciel ne renvoie-t-elle que six couleurs ?

Les nuances visuellement proches se regroupent dans la même zone RGB lors de l'échantillonnage. Augmentez le nombre de couleurs à 12 ou 16 pour faire émerger plus de nuance, ou recadrez sur la région la plus variée.

Les valeurs HEX correspondent-elles à des pixels exacts ?

Ce sont des moyennes par regroupement, pas un pixel unique. C'est pour cela qu'elles ressemblent à « la couleur que vous choisiriez à l'œil » plutôt qu'à un pixel aléatoire qui pourrait être un bord ou une ombre.