Palette de couleurs d'une image
Déposez une image. Obtenez ses couleurs principales. Tout reste sur votre appareil.
Déposez une image pour obtenir ses couleurs
ou collez une image (⌘V / Ctrl+V)
Une image à la fois · jusqu'à 50 Mo
Calculé dans votre navigateur. L'image et ses couleurs ne quittent jamais votre appareil. Confidentialité
Comment obtenir la palette de couleurs d'une image sans l'envoyer en ligne ?
Déposez une image sur cette page pour voir ses 5, 8 ou 12 couleurs principales, de la plus présente à la moins présente, avec la part de chacune. Cliquez sur une couleur pour copier sa valeur HEX, RGB ou HSL, ou copiez-les toutes en variables CSS ou en Tailwind. L'image est lue dans votre navigateur et n'est jamais envoyée en ligne. Sans inscription, sans publicité.
Mis à jour le
Comment les couleurs sont-elles choisies ?
L'image est réduite à 200 pixels sur son plus grand côté, les pixels transparents sont ignorés et les autres sont regroupés selon leur ressemblance à l'œil (clustering k-means dans l'espace colorimétrique Lab). Les couleurs presque identiques ne comptent que pour une. Une même image donne toujours la même palette.
Que puis-je faire avec la palette ?
| Résultat | Où l'utiliser |
|---|---|
| HEX, RGB ou HSL | N'importe quel outil de design, ou le CSS |
| Variables CSS | Feuilles de style |
| Tailwind | Les couleurs dans tailwind.config |
| JSON ou liste | Code |
| Nuancier PNG | Moodboards et briefs |
| .gpl | GIMP, Inkscape et Krita |
| .ase | Illustrator, Photoshop et InDesign |
Besoin de l'image elle-même dans un autre format ? Utilisez le convertisseur d'images gratuit.
Limites
- Une seule image à la fois.
- GIF, WebP ou APNG animés : la première image de l'animation.
- Les images entièrement transparentes n'ont aucune couleur à extraire.
- Les photos HEIC (des iPhone) ne peuvent pas être ouvertes dans Chrome, Edge ou Firefox.
Obtenir les couleurs des images sur les pages web
L'extension Imgkeep pour Chrome et Edge le fait en un clic droit, sans avoir à enregistrer de fichier au préalable : faites un clic droit sur une image, choisissez Imgkeep, puis Obtenir la palette de couleurs. Elle fonctionne aussi sur les photos que des sites comme Instagram et Pinterest masquent sous une autre couche.
Questions
Cet outil de palette de couleurs est-il gratuit ?
Oui. Pas de compte, pas de limite, pas de filigrane et pas de publicité.
Mon image est-elle envoyée en ligne ?
Non. Les couleurs sont calculées dans votre navigateur et l'image ne quitte jamais votre appareil. La page envoie un décompte anonyme de la visite, et un autre si vous suivez un lien vers une boutique, jamais d'images, de couleurs ni de noms de fichiers.
Pourquoi ai-je obtenu moins de couleurs que demandé ?
L'image contient moins de couleurs distinctes. Les couleurs presque identiques sont fusionnées : un logo en trois aplats donne trois couleurs, même si vous en demandez 8.
Quels formats puis-je copier ou enregistrer ?
Chaque couleur en HEX, RGB ou HSL. La palette entière en variables CSS, en extrait de couleurs Tailwind, en JSON ou en simple liste. En fichier : une bande de nuances PNG, une palette GIMP (.gpl, lue aussi par Inkscape et Krita) ou un nuancier Adobe (.ase, pour Illustrator, Photoshop et InDesign).
Puis-je obtenir la palette d'une image présente sur une page web ?
Oui, avec l'extension gratuite Imgkeep pour Chrome et Edge : faites un clic droit sur l'image, choisissez Imgkeep, puis Obtenir la palette de couleurs. Sur des sites comme Instagram et Pinterest, où les photos se trouvent sous une autre couche, choisissez Imgkeep : Trouver l'image ici…, puis Plus d'options… et Obtenir la palette de couleurs.
Est-ce que ça marche sur mon téléphone ?
Oui, dans les navigateurs mobiles aussi. L'extension Imgkeep, elle, est prévue pour Chrome et Edge sur ordinateur.
Prenez les couleurs directement sur le web.
Utilisez Imgkeep pour Chrome ou Edge : faites un clic droit sur une image pour obtenir sa palette, ou enregistrez-la dans le format dont vous avez besoin.