Accueil / Palette de couleurs d'une image

Palette de couleurs d'une image

Déposez une image et obtenez ses couleurs principales en valeurs HEX et RGB. Cliquez sur une couleur pour copier sa valeur.

Déposez une image ici

ou touchez pour choisir.

Choisir un fichier

Pas à pas

  1. Déposez une image : une photo, une capture d'écran, un logo ou un tableau. Les couleurs sont calculées aussitôt et affichées à côté de l'image.
  2. Dans « Nombre de couleurs », choisissez la taille de la palette : 4, 6, 8, 10 ou 12. La palette est recalculée à chaque changement.
  3. Chaque nuancier indique le code HEX, les valeurs RGB et la part de la couleur dans l'image. La couleur la plus présente arrive toujours en premier.
  4. Cliquez sur une case pour ne copier que ce code HEX. « Copier » place d'un coup tous les codes HEX de la palette dans le presse-papiers, séparés par des virgules.
  5. Enregistrez la palette avec « Enregistrer en CSS » pour votre site, ou avec « En image (PNG) » comme aperçu à partager ou à imprimer.

À quoi ça sert

  • Couleurs de marque d'après le logo: Si le logo n'existe qu'en image, la palette fournit les valeurs pour cartes de visite, site web et visuels de réseaux sociaux. Pour des couleurs officielles exactes, comparez le résultat avec les valeurs de la charte si elle existe.
  • Feed Instagram harmonieux: Une photo préférée devient la palette qui sert à colorer textes, cadres et visuels de vos publications.
  • Décoration et rénovation: La photo d'une pièce, d'un tissu ou d'un tableau montre quelles teintes vont ensemble. Les valeurs aident à comparer avec des nuanciers de peinture, même si les couleurs paraissent différentes à l'écran et au mur.
  • Peinture, tricot, loisirs créatifs: Pour un tableau d'après photo, une grille de tricot ou un ouvrage en perles, la palette montre les couleurs principales et leur part approximative, utile pour acheter la bonne quantité de matériel.

À quoi ça sert ?

Pour un design qui reprend l'ambiance d'une photo préférée, des couleurs de site assorties à un logo, une peinture murale assortie à un tableau ou une palette pour une toile. Les couleurs sont triées selon leur part dans l'image.

Questions fréquentes

Les couleurs sont-elles précises ?

Ce sont des moyennes de zones de couleurs proches. Pour un pixel précis, utilisez la pipette d'un logiciel de retouche.

Mon image est-elle envoyée en ligne ?

Non.

Que contient le fichier CSS ?

Une variable CSS par couleur, numérotée selon sa part : --farbe-1, --farbe-2, etc. Collez-la dans votre feuille de style et utilisez les couleurs via ces variables.

À quoi ressemble le PNG ?

Il présente chaque couleur en grand carré, côte à côte, avec le code HEX en dessous : pratique comme planche d'ambiance ou pour transmettre la palette.

Une petite couleur vive manque : pourquoi ?

La palette regroupe les couleurs proches et tient compte de la surface qu'elles occupent. Une petite touche de couleur se fond facilement dans une plus grande. Augmentez le nombre de couleurs : elle aura plus de chances d'obtenir sa propre case.

Les zones transparentes sont-elles comptées ?

Non. Les pixels en grande partie transparents sont ignorés. Avec un sujet détouré, vous n'obtenez que ses couleurs, pas celles du fond vide.

La palette est-elle toujours la même ?

Oui. La même image avec le même nombre de couleurs donne toujours le même résultat, vous pouvez donc la recréer à tout moment.

HEX ou RGB : lequel me faut-il ?

Les codes HEX comme #3A6EA5 servent sur le web et dans la plupart des logiciels de design. Les valeurs RGB sont utiles quand un logiciel demande le rouge, le vert et le bleu séparément. Les deux décrivent la même couleur.