Extracteur de palette
Déposez une photo, un logo ou une capture d’écran et obtenez ses couleurs dominantes sous forme de palette – avec codes HEX, proportions et export CSS ou Tailwind.
- Toute image
- 2–12 couleurs
- Export CSS
- Aucun envoi
Déposez une image ici
ou
JPG, PNG, WebP, GIF, AVIF, SVG ou BMP
Vous pouvez aussi coller une image avec Ctrl + V
Votre image est analysée sur votre appareil et n’est jamais envoyée.
Votre image
Cliquez n’importe où dans l’image pour ajouter cette couleur exacte à la palette.
Exporter
Comment extraire les couleurs d’une image
La palette apparaît dès l’ouverture de l’image.
- 1
Ajoutez une image
Déposez-la sur la page, choisissez un fichier ou collez-la depuis le presse-papiers. JPG, PNG, WebP, GIF, AVIF et SVG sont acceptés.
- 2
Réglez la palette
Fixez le nombre de couleurs, l’ordre, et choisissez d’ignorer ou non un fond blanc ou noir. Cliquez dans l’image pour ajouter une couleur précise.
- 3
Copiez ou exportez
Cliquez sur un code pour le copier, ou exportez toute la palette en variables CSS, configuration Tailwind, JSON ou image.
Les couleurs que l’on voit vraiment
Regroupées dans un espace de couleurs perceptuel.
Regroupement perceptuel
Les pixels sont regroupés en OKLab, où les distances correspondent à la vision humaine : de petits accents marquants ne sont pas noyés dans de grandes zones ternes.
Proportions
Chaque couleur indique la part de l’image qu’elle couvre, et les bandes peuvent être dessinées à l’échelle.
Ajout de couleurs exactes
Une couleur de détail manque ? Cliquez dessus dans l’image et elle rejoint la palette.
Fond ignoré
Écartez le blanc ou le noir pur – utile pour les logos et les photos de produits sur fond uni.
Trois ordres
Les plus dominantes d’abord, autour du cercle chromatique, ou du clair au foncé.
Export prêt pour le design
Propriétés personnalisées CSS, SCSS, Tailwind, JSON, CSV, palette GIMP, SVG ou PNG.
Confidentiel par conception
Tout fonctionne dans votre navigateur. Ce que vous saisissez ou ouvrez n’est pas envoyé à un serveur.
Gratuit, sans inscription
Pas de compte, pas de limite, pas de filigrane – sur téléphone, tablette ou ordinateur.
Tirer une bonne palette d’une image
Une photo contient des dizaines de milliers de couleurs légèrement différentes. Extraire, c’est regrouper les pixels semblables et renvoyer un représentant par groupe. Cet outil découpe d’abord la plage de couleurs en boîtes (median cut), puis affine les groupes par k-moyennes – dans l’espace OKLab, pour que « semblable » signifie semblable pour l’œil plutôt qu’en chiffres RGB.
Le nombre de couleurs change le caractère du résultat. Trois ou quatre couleurs donnent l’ambiance générale – bien pour une marque ou un thème de présentation. Six à huit ajoutent les accents. Au-delà de dix apparaissent des quasi-doublons. Si un petit détail important, une fleur rouge dans un champ vert par exemple, n’entre pas dans la palette, ajoutez-le vous-même en cliquant dessus dans l’image.
Les couleurs extraites sont un point de départ, pas un design fini. Une photo contient rarement un blanc pur ou un ton sombre adapté au texte : ajoutez des neutres, et vérifiez le contraste avant d’utiliser deux couleurs extraites comme texte et fond. Pour la même raison, la couleur la plus dominante d’une image – souvent le ciel, un mur ou une ombre – fait en général un meilleur fond qu’un accent.
Combien de couleurs extraire
| Couleurs | Résultat | Idéal pour |
|---|---|---|
| 2–3 | L’ambiance générale | Effets bichromes, couleurs de marque simples |
| 4–6 | Couleurs principales et un accent | Thèmes de sites web et de présentations |
| 7–9 | Les nuances fines | Palettes d’illustration, de décoration et de mode |
| 10–12 | Presque tous les tons visibles | Analyse, pixel art, planches de référence |
Conseils
- Lisez la couleur exacte d’un seul pixel avec la pipette.
- Affinez et complétez les couleurs extraites dans le Générateur de palettes.
- Testez les paires texte/fond avec le Vérificateur de contraste.
- Réduisez d’abord une très grande photo avec le Compresseur d’images – la palette reste la même.
Questions fréquentes
Vous ne trouvez pas votre réponse ? Contactez-nous — nous répondons rapidement.
Mes images sont-elles envoyées ?
Non. L’image est ouverte et analysée par votre navigateur, sur votre propre appareil. Elle n’est jamais envoyée à un serveur.
Quels formats d’image sont pris en charge ?
Tout ce que votre navigateur sait afficher : JPG, PNG, WebP, GIF, AVIF, BMP et SVG. Les photos HEIC d’un iPhone doivent d’abord être converties en JPG dans la plupart des navigateurs.
Comment les couleurs dominantes sont-elles trouvées ?
L’image est échantillonnée, les pixels semblables sont regroupés dans l’espace perceptuel OKLab, et la moyenne de chaque groupe devient une couleur de la palette. Le pourcentage est la part des pixels de ce groupe.
Pourquoi une couleur que je vois manque-t-elle dans la palette ?
De petites zones peuvent être absorbées par un groupe plus vaste et proche. Augmentez le nombre de couleurs, ou cliquez à cet endroit de l’image pour ajouter sa couleur exacte.
Puis-je obtenir les couleurs d’un logo sans le fond blanc ?
Oui. Activez « Ignorer le blanc » (ou « Ignorer le noir ») ; les pixels transparents sont toujours ignorés.
Les résultats sont-ils identiques à chaque fois ?
Oui. La méthode est déterministe : la même image et les mêmes réglages donnent toujours la même palette.
Plus d’outils gratuits pour développeurs
Encoder, formater, tester, convertir et générer – de petits outils qui fonctionnent dans votre navigateur et laissent vos données sur votre appareil.