Extracteur de couleurs d’image — Palette depuis une photo
Déposez une image et obtenez sa palette de couleurs dominantes avec les codes Hex et RGB, puis copiez-la en variables CSS. Tout reste dans votre navigateur.
Extracteur de couleurs d’image : la palette d’une photo en quelques secondes
Déposez une image (PNG, JPG, WebP ou GIF) et l’outil en tire les couleurs dominantes. Vous obtenez une palette avec les codes Hex et RGB, que vous pouvez copier couleur par couleur ou exporter d’un coup en variables CSS.
Comment extraire une palette
- Glissez l’image dans la zone prévue ou cliquez pour la choisir sur votre appareil (25 Mo maximum).
- Réglez le nombre de couleurs avec le curseur, de 4 à 12.
- Cliquez sur une couleur de la palette pour copier son code.
- Utilisez Copier les variables CSS pour récupérer toute la palette sous forme de variables, ou Copier la liste Hex pour une simple liste de codes.
- Cliquez sur Choisir une autre pour analyser une nouvelle image.
À quoi sert une palette tirée d’une image
- Design de site : choisir des couleurs cohérentes avec un logo ou une photo d’en-tête.
- Identité visuelle : retrouver les teintes d’un visuel existant.
- Présentations et réseaux sociaux : accorder le texte et les formes aux couleurs de l’image.
- Inspiration : transformer une photo de paysage ou une œuvre en palette de travail.
Combien de couleurs choisir
Pour une palette de projet, 5 ou 6 couleurs suffisent en général. Montez à 10 ou 12 pour une image riche en nuances, ou descendez à 4 pour ne garder que les teintes principales. Les résultats varient selon l’image : les zones très étendues pèsent plus que les petits détails.
Confidentialité
L’analyse se fait entièrement dans votre navigateur. Votre image n’est ni envoyée ni enregistrée sur un serveur.
Questions fréquentes
Quels formats d’image sont acceptés ?
PNG, JPG, WebP et GIF, jusqu’à 25 Mo.
Pourquoi les couleurs ne correspondent-elles pas exactement à ce que je vois ?
L’outil regroupe les pixels proches en une couleur représentative. La teinte obtenue est donc une moyenne, pas la valeur d’un pixel précis.
Puis-je utiliser les couleurs dans mon CSS ?
Oui. Le bouton « Copier les variables CSS » donne un bloc prêt à coller dans votre feuille de style.