Extraire les couleurs d’une image

Récupère les couleurs utilisées dans une image et les affiche en codes couleur (HEX, RGB).

1. Choisissez une image

Fonctionne avec JPEG, PNG, WebP, GIF et HEIC (photos d’iPhone).

Glissez-déposez vos images ici

ou

2. Couleurs de l’image

Les couleurs les plus présentes dans l’image, de la plus fréquente à la moins fréquente. Touchez-en une pour la copier.

Nombre de couleurs

Format

3. Tout utiliser

Enregistrez la palette en image, ou copiez toutes les couleurs d’un coup.

Tout se passe sur cet appareil. Vos images ne sont jamais envoyées.

Les couleurs sont comptées sur une version réduite de l’image : les tout petits détails peuvent ne pas apparaître dans la palette. Utilisez alors la pipette.

Utile ? Un partage nous ferait plaisir

Quelque chose ne marche pas, ou une idée pour l’améliorer ?

Signaler un problèmeProposer une amélioration

Mode d’emploi

  1. 1. Choisissez une image

    Touchez « Choisir des fichiers » et sélectionnez la photo ou l’image à analyser.

  2. 2. Voyez les couleurs utilisées

    Les couleurs les plus présentes s’affichent sous l’image. Changez « Nombre de couleurs » ou « Format », et touchez une couleur pour la copier.

  3. 3. Prélevez une couleur à la pipette

    Touchez l’image pour prélever et copier la couleur à cet endroit. Maintenez un instant puis déplacez le doigt pour afficher une loupe et choisir un point précis : la couleur prélevée est celle où vous levez le doigt.

  4. 4. Utilisez-les toutes

    « Enregistrer la palette en image » enregistre une image avec les couleurs et leurs codes.

Idéal pour

  • S’inspirer des couleurs d’une photo ou d’une illustration

    Récupérez les couleurs d’une photo ou d’une illustration que vous aimez pour vos présentations, documents ou votre site.

    Celles et ceux qui conçoivent des visuels ou des documents

  • Trouver la couleur exacte d’un logo ou d’un produit

    Touchez l’image pour obtenir le code de la couleur à cet endroit : pratique pour vérifier les couleurs d’une marque.

    Équipes web et communication

  • Utiliser les couleurs directement en CSS

    Avec « Copier en variables CSS », collez la palette telle quelle dans votre feuille de style.

    Développeurs web

  • Choisir des couleurs pour le loisir créatif ou la peinture

    Notez les couleurs d’une photo sous forme de codes pour vous guider dans le choix d’une peinture, d’une laine ou d’un tissu.

    Créatrices et créateurs

Bon à savoir avant de commencer

  • Les couleurs à l’écran varient selon le moniteur et la luminosité de la photo. Pour les couleurs d’impression (CMJN), vérifiez avec les nuanciers de votre imprimeur.
  • Les JPEG très compressés mélangent des couleurs légèrement différentes dans des zones qui paraissent unies. Pour une couleur exacte, utilisez la pipette.
  • Pour alléger vos images, essayez « Compresser des images ».

À propos des codes couleur

Un code couleur décrit une couleur avec des nombres. Le web et les logiciels de design utilisent souvent trois notations : HEX, RGB et HSL. Elles décrivent la même couleur, seule l’écriture change.

Cet outil réduit l’image, regroupe les couleurs qui se ressemblent et trouve les plus utilisées. Le pourcentage indique à peu près quelle part de l’image est proche de cette couleur.

Les notations de couleur
ExempleUsage courant
HEX#F5A524Web et logiciels de design
RGBrgb(245, 165, 36)CSS et retouche photo
HSLhsl(37, 91%, 55%)Ajuster la luminosité ou la vivacité

Questions fréquentes

Les réponses aux questions qu’on se pose souvent avant de commencer.

Mes images sont-elles envoyées quelque part ?

Non. Tout se passe dans le navigateur de votre appareil, et vos images ne sont jamais envoyées sur un serveur.

Les couleurs sont-elles exactes ?

Les couleurs prélevées à la pipette sont exactement celles du pixel touché. Les couleurs de la palette sont des moyennes de couleurs proches, elles peuvent donc ne correspondre exactement à aucun pixel.

Une couleur que je veux n’apparaît pas dans la palette.

Réglez « Nombre de couleurs » sur 12 pour faire ressortir les couleurs moins présentes. Pour les tout petits détails, touchez l’image pour la prélever à la pipette.

Comment copier une couleur ?

Touchez une couleur de la palette pour la copier. Les couleurs prélevées à la pipette sont copiées dès que vous touchez. « Copier tous les HEX » copie toutes les couleurs d’un coup.

Quelle différence entre HEX, RGB et HSL ?

Ce sont différentes façons d’écrire la même couleur. HEX utilise « # » et l’hexadécimal, RGB indique la quantité de rouge, vert et bleu, et HSL la teinte, la saturation et la luminosité. Choisissez celle dont vous avez besoin.

Puis-je obtenir les couleurs d’impression (CMJN) ?

Non. Cet outil donne les couleurs d’écran (sRGB). Pour l’impression, vérifiez avec les nuanciers de votre imprimeur.

Et les zones transparentes ?

Les zones transparentes ne sont pas comptées pour créer la palette.

Puis-je enregistrer la palette ?

« Enregistrer la palette en image » enregistre un PNG avec les couleurs et leurs codes. « Copier en variables CSS » les copie prêtes à coller dans une feuille de style.

Les photos d’iPhone (HEIC) fonctionnent-elles ?

Oui. En plus des JPEG, PNG, WebP et GIF, vous pouvez extraire les couleurs des photos HEIC d’iPhone.

Est-ce gratuit ?

Oui. Sans inscription et sans publicité.

Autres outils