Extraire la palette de couleurs d'une image

Comment ça marche

Choisissez l'image dans le cadre, indiquez la taille de la palette et appuyez sur le bouton. Les couleurs s'affichent en carrés à l'écran ; la valeur hex sous chaque carré est identique à celle du fichier texte téléchargé. Voici la méthode : l'image est dessinée sur une petite toile, tous ses pixels sont lus et les couleurs proches sont regroupées dans un même seau. Chaque canal de couleur est découpé en tranches de trente-deux, si bien que les petites variations d'un même ton comptent comme une seule couleur ; les seaux les plus remplis sont ensuite retenus, et la moyenne des pixels de chaque seau devient une couleur de la palette. Les valeurs obtenues ne sont donc pas des pixels présents tels quels dans l'image, mais des moyennes qui représentent leur zone. Dans le fichier de sortie, chaque ligne porte une couleur : d'abord le code hex, puis la même couleur en écriture RGB, et enfin sa part dans l'image.

Cet outil est aussi connu sous le nom de extraire la palette de couleurs d'une image, trouver le code couleur d'une image, couleur dominante d'une photo, palette de couleurs photo, trouver un code hex.

Qu'est-ce que palette de couleurs ?

Une palette de couleurs est un ensemble restreint de couleurs choisies pour être utilisées ensemble. La restriction est le cœur de l'affaire : une interface ou une présentation qui s'en tient à trois ou cinq couleurs paraît ordonnée, tandis qu'au-delà l'œil perd le fil. Une palette extraite d'une photo offre en plus une harmonie toute prête : ces couleurs existaient déjà côte à côte sous la même lumière, la preuve est faite qu'elles ne se contredisent pas.

Qu'est-ce que couleur dominante ?

La couleur dominante est celle qui couvre la plus grande surface de l'image — pas la plus frappante. Dans une photo, un grand ciel prend la première part, mais ce qui attire l'œil peut être une veste orange sur une petite zone. Cette distinction compte au moment d'utiliser la palette : poser la dominante en fond et garder la couleur minoritaire mais contrastée pour les accents donne un résultat bien plus lisible que deux couleurs à parts égales côte à côte.

À quoi sert une palette ?

Composer un design accordé aux couleurs d'une photo se fait en mesurant, pas en devinant à l'œil. Choisir la couleur d'un bouton d'après une photo produit, bâtir un thème de présentation à partir d'un tableau, ou retrouver le ton exact d'une marque dans un ancien visuel : voilà les usages typiques de cet outil.

Rien ne vous oblige à utiliser toutes les couleurs extraites. Dans la plupart des designs, une couleur dominante, une couleur d'accent et un ton neutre suffisent ; les autres restent en réserve.

Pourquoi la même image peut-elle donner des résultats différents ?

Une palette n'est pas une mesure, c'est un résumé. Le classement des seaux change selon le nombre de couleurs demandé : à 4 couleurs, deux tons voisins fusionnent sous une seule entrée ; à 8, ils peuvent se séparer en deux lignes distinctes.

Le recadrage de la photo change aussi le résultat, car le calcul repose sur la part de surface : si le ciel sort du cadre, la part du bleu chute. Si vous cherchez la couleur d'une zone précise, recadrez d'abord l'image sur cette zone, puis extrayez la palette.

Les zones transparentes ne comptent pas

Les pixels transparents d'un fichier PNG n'entrent pas dans le calcul ; seules les zones réellement peintes sont comptées. Sur un logo à fond transparent, la palette se compose des seules couleurs du logo.

Les zones semi-transparentes, elles, sont comptées avec leur couleur propre, sans se mélanger au vide qui se trouve dessous. Sur un fichier très en couches et riche en transparence, la palette peut donc s'écarter un peu de ce que l'écran affiche.

Questions fréquentes

Pourquoi le hex et le RGB sont-ils écrits tous les deux ?

Ce sont deux écritures de la même couleur : le hex se colle plus facilement dans les outils web et de design, le RGB dans le CSS et les logiciels de bureau. Les deux figurent sur chaque ligne ; vous prenez celle qui convient à votre destination.

Les couleurs sont-elles exactement celles des pixels de l'image ?

Non. Les tons proches sont regroupés dans un seau et la couleur de la palette est la moyenne de ce seau. S'il vous faut la valeur exacte d'un pixel précis, ce n'est pas cet outil qu'il faut, mais une pipette à couleurs.

Que signifie le pourcentage ?

C'est la part de cette couleur parmi les pixels comptés. Une couleur à 40 % couvre environ quarante pour cent de l'image ; les pixels transparents n'entrent pas dans ce calcul.

Une très grande image ralentit-elle l'outil ?

Non. L'image est d'abord dessinée sur une petite toile et le comptage se fait dessus ; quelques milliers de pixels sont lus au lieu de plusieurs millions, le résultat sort immédiatement.