Palettes de couleurs à partir d'images : méthodes, systèmes de couleurs et outils pour une application pratique

Quiconque travaille avec la couleur connaît ce moment : une photo, un croquis ou une peinture capture parfaitement l'atmosphère nécessaire à un nouveau projet. Mais comment traduire cette atmosphère en une palette cohérente, reproductible fidèlement sur une couverture de livre, un mur, un logo ou un intérieur ?

La solution réside rarement dans une seule couleur d'yeux, ni dans le filtre automatique d'une application. Elle réside plutôt dans une combinaison d'observation, d'un système de couleurs adapté et d'un outil qui combine les deux.

Cet article résume les méthodes actuellement utilisées dans les studios, les ateliers et les bureaux d'études pour extraire les couleurs d'un échantillon. Il explique les systèmes permettant d'enregistrer ces couleurs avec précision et les points à prendre en compte lors de leur transfert sur papier, peinture murale ou écrans numériques. L'objectif est de fournir un aperçu pratique utile aussi bien aux débutants qu'aux professionnels expérimentés.

Trois façons d'obtenir une palette à partir d'une image

1. Pipette manuelle

La méthode classique consiste à sélectionner des pixels individuels d'une photo à l'aide de l'outil pipette. Précise, elle est cependant lente et dépend fortement de la résolution et du profil colorimétrique de l'image originale. Un fichier JPG issu d'un appareil photo de smartphone intègre déjà plusieurs étapes de traitement, telles que la balance des blancs, le réglage du contraste et l'accentuation. Par conséquent, l'outil pipette affiche la couleur interprétée par le capteur et le logiciel, et non nécessairement la couleur réelle perçue dans la scène.

La pipette est utile pour se concentrer sur une zone précise de l'image originale : l'œil d'une personne représentée, un coup de pinceau particulier sur une toile, une bande de tissu spécifique dans un collage. Elle est moins adaptée pour saisir des ambiances générales.

2. Couleurs dominantes via le clustering K-means

Pour extraire d'une image une palette compacte de cinq, dix ou quinze couleurs, algorithme de clustering K-means devenu la norme. Cet algorithme regroupe les pixels de l'espace colorimétrique (généralement LAB ou OKLCH) en un nombre prédéfini de classes et calcule leurs valeurs moyennes. On obtient ainsi une palette statistiquement représentative, privilégiant les zones de couleur larges et contiguës.

L'algorithme K-means est rapide et facile à comprendre, mais il présente une faiblesse bien connue : il traite tous les pixels de la même manière. Un ciel bleu occupant les deux tiers de l'image domine le résultat, même si le sujet principal est un manteau rouge vif au premier plan.

3. Extraction basée sur la saillance

Les outils plus récents séparent donc le premier plan et l'arrière-plan de l'image avant le regroupement. Les cartes de saillance pondèrent les pixels selon leur capacité à attirer l'attention : les contours, les contrastes, les visages et les zones très colorées sont privilégiés. Sur une photographie représentant une scène de marché, l'observateur perçoit d'abord les cinq couleurs principales du premier plan (par exemple, les fruits, les vêtements des vendeurs, les auvents), puis les dix couleurs de l'arrière-plan (les pavés, les murs, le ciel).

Pour les planches d'inspiration, les études de marque et le choix de la couleur d'un mur, la méthode de la saillance est souvent la plus utile car elle répond plus directement à la question « Quelles couleurs façonnent mon impression visuelle ? » que la simple fréquence.

Quelle palette de couleurs convient à quelle occasion ?

Une notation hexadécimale comme #7A6A55 est sans ambiguïté à l'écran. Dans le monde réel, en revanche, elle est peu informative. Un menuisier, un peintre ou un designer industriel a besoin d'une interface avec un système connecté à des échantillons de couleurs, de pigments ou de peintures.

Aperçu des systèmes les plus importants :

• RAL Classic / RAL Design : Le système le plus utilisé en Allemagne pour les peintures, les revêtements, les peintures industrielles et les finitions murales. RAL Classic comprend 213 couleurs, RAL Design environ 1 825. Obligatoire dans les secteurs du bâtiment et de l’aménagement intérieur.
• NCS (Système de couleurs naturelles) : une tradition scandinave, largement utilisée en théorie architecturale. Ce système décrit les couleurs en fonction de leurs composantes noir, blanc et teinte, ainsi que de leur nuance. Il est très utile pour comparer systématiquement les nuances et les saturations.
• Munsell : Un système académique utilisant la teinte, la valeur et la saturation. Norme en recherche sur la couleur, en pédologie, en restauration écologique et dans le système scolaire américain.
• HKS: Largement utilisé, notamment dans l'impression en langue allemande, et accepté comme couleur spéciale par de nombreux éditeurs et imprimeurs.
• Équivalent Pantone : Norme internationale pour les couleurs d'accompagnement en imprimerie et dans la mode. Toute personne travaillant avec une imprimerie ou un fabricant de textile l'utilise quasiment systématiquement.
• Norme fédérale 595: Initialement développée pour l'armée américaine, elle sert aujourd'hui souvent de référence pour les couleurs de modèles historiquement exactes, la restauration de modèles anciens et les revêtements spéciaux.
• OKLCH: Un espace colorimétrique moderne, perceptuellement équidistant, qui devient de plus en plus la norme en conception web car il produit des niveaux de luminosité et de saturation uniformes.

Une conversion fiable des valeurs d'écran vers l'un de ces systèmes n'est possible qu'à l'aide d'un algorithme de différence de couleur. Le ΔE 2000 est devenu une norme de référence : les valeurs inférieures à 1 sont considérées comme pratiquement indiscernables, celles comprises entre 1 et 2,3 sont à peine perceptibles, et celles supérieures à 2,3 représentent un écart visible. Toute personne choisissant une peinture ou un vernis mural en fonction d'une référence à l'écran doit connaître la valeur ΔE de la couleur choisie.

De l'écran à la réalité : contexte d'impression, de gamme et de lumière

Un cyan saturé ou un vert citron éclatant peuvent paraître magnifiques sur un écran moderne, mais en impression quadrichromique (CMJN), peuvent se transformer en une teinte pâle et involontairement altérée. Cela s'explique par la gamme de couleurs limitée du procédé d'impression. Par conséquent, une planification rigoureuse des palettes consiste à identifier, avant même le premier tirage d'épreuve, les valeurs qui se situent hors de la gamme CMJN et à les remplacer au plus tôt par des alternatives accessibles.

Le second écueil réside dans l'éclairage. Une couleur paraissant parfaite sous D65 (lumière du jour, environ 6 500 Kelvin) peut sembler différente sous D50 (norme d'impression, environ 5 000 Kelvin). Sous un éclairage incandescent (norme A), les tons froids se modifient sensiblement. Les paires métamères sont des couleurs qui paraissent identiques sous une source lumineuse, mais différentes sous une autre. Toute personne aménageant un restaurant, un musée ou un appartement devrait tester au moins deux éclairages différents.

Les harmonies comme point de départ

La palette extraite est rarement définitive. Elle sert souvent de couleur principale à partir de laquelle la composition est ensuite élaborée. Les harmonies classiques facilitent sa construction

• Couleurs complémentaires : couleur principale et sa couleur opposée sur le cercle chromatique. Contraste maximal, idéal pour les accents.
• Analogique : Trois couleurs voisines sur le cercle chromatique. Calme, harmonieuse, souvent utilisée en peinture de paysage et en identité visuelle.
• Triadique: Trois couleurs équidistantes. Vibrant, équilibré.
• Couleurs complémentaires divisées : Une couleur primaire et ses deux voisines complémentaires. Contraste doux.
• Tétradique et carrée: Quatre couleurs pour des compositions plus complexes, où l'une sert de point d'ancrage et les trois autres d'accents.

Travailler dans l'espace OKLCH permet d'obtenir des niveaux de luminosité et de saturation constants. Ceci est particulièrement utile en conception d'interface utilisateur car cela garantit une cohérence entre les boutons, les arrière-plans et le texte.

Des outils qui combinent ces méthodes en pratique

Il existe désormais plusieurs logiciels qui combinent extraction de couleurs, correspondance intersystèmes et harmoniques en une seule étape. Shademix , un outil gratuit qui ne nécessite aucune inscription et ne transmet aucune donnée depuis l'appareil de l'utilisateur, en est un excellent exemple. Il fonctionne dans un navigateur, sous forme d'application pour iPhone, iPad et Mac, ainsi que comme extension de navigateur et Figma. Les différents composants illustrent l'interaction des méthodes décrites ci-dessus.

Application web et applications mobiles. Dans l'application principale, vous importez une image et obtenez en une seule étape quinze couleurs dominantes : cinq pour le premier plan (méthode de saillance) et dix pour l'arrière-plan. Chaque valeur de couleur peut ensuite être convertie en HEX, RGB, HSL, HSV, CMYK, LAB, OKLCH et en son équivalent Pantone. La recherche inter-systèmes trouve l'équivalent RAL, NCS, Munsell, HKS ou FNS 595 le plus proche grâce à ΔE 2000.

Extension pour navigateur. Cette extension Chrome intègre un outil de sélection de couleurs qui vous permet de choisir des couleurs directement depuis n'importe quel onglet ouvert. Plus besoin de télécharger des plateformes comme Pinterest, Behance ou les boutiques en ligne pour trouver l'inspiration. L'extension enregistre vos sélections localement et ne transmet aucune donnée à des serveurs externes.

Plugin Figma. Les professionnels de l'interface utilisateur et de l'identité visuelle peuvent intégrer cette fonctionnalité directement à leur flux de travail. Le plugin Figma propose l'extraction d'images avec quinze couleurs par image, la correspondance inter-systèmes selon les équivalents RAL, NCS, Munsell, HKS, Federal Standard 595 et Pantone, ainsi que les harmonies OKLCH. Les couleurs utilisées peuvent être transférées depuis une sélection de calques en un seul clic. Le plugin peut convertir un fichier JSON exporté de Shademix en styles de couleurs natifs Figma.

En plus de ces éléments de base, le projet propose une documentation complète et multilingue sur shademix.app, comprenant un manuel en allemand au format PDF et des pages individuelles pour chaque outil. Toute personne souhaitant essayer l'une des méthodes décrites y trouvera un point de départ adapté.

Un flux de travail pratique, de la photo à la palette

La méthode suivante a fait ses preuves dans de nombreux studios :

1. Sélection de l'image : Choisissez l'image originale la plus brute possible. Les fichiers JPEG ayant subi un post-traitement important altèrent la palette de couleurs. Une version RAW ou TIFF est idéale ; un JPG bien exposé avec un profil sRGB est souvent suffisant.
2. Extraction: Méthode basée sur la saillance, quinze couleurs ou moins, selon la complexité.
3. Définissez la couleur principale : parmi la sélection extraite, mettez en évidence la couleur qui exprime l’ambiance. Elle servira de point d’ancrage pour l’harmonie qui suivra.
4. Correspondance inter-systèmes: Pour chaque couleur conservée, trouver la correspondance la plus proche dans le système requis pour le processus suivant (RAL pour la peinture murale, HKS ou Pantone pour l'impression, NCS pour les spécifications architecturales).
5. Vérification de la gamme : lors de l’impression, effectuez un aperçu CMJN et remplacez les valeurs hors gamme.
6. Création d'harmonies: Générer des couleurs complémentaires, analogues ou triadiques à partir de la couleur principale et les utiliser comme accents.
7. Test d'éclairage : tester la palette sous au moins deux conditions d'éclairage différentes. Simulation à l'écran ou suspension physique d'un échantillon.
8. Exportation : Dans un format compatible avec l’étape suivante du processus. Les logiciels de conception utilisent souvent le format ASE, Procreate ses propres fichiers .swatch, les imprimeurs utilisent généralement des listes HEX avec des couleurs d’accompagnement, et les peintres utilisent une liste RAL ou NCS.

Ceux qui suivent cette procédure évitent les mauvaises surprises de dernière minute : une couleur de mur indisponible localement, une impression délavée, une interface utilisateur qui semble soudainement différente à la lumière du jour.

À quoi faut-il faire attention lors du prélèvement de chaque échantillon de couleur ?

Dans la précipitation, on oublie souvent trois points.

Tout d'abord, le profil d'affichage. Un ordinateur portable non calibré peut afficher toutes les tonalités décalées dans un sens. Si la palette est partagée avec des imprimeurs ou des peintres, votre moniteur doit au moins être configuré avec un profil connu. Une sonde bon marché suffit pour une utilisation amateur ou en atelier.

Deuxièmement, la source des données. Une palette créée à partir d'une image en ligne compressée ne peut pas restituer toutes les nuances de l'original. Si l'original est disponible, il est préférable de l'utiliser.

Troisièmement, l'intervention humaine. Les algorithmes identifient les zones statistiquement dominantes, mais pas tous les éléments d'une image. Une couleur d'accent subtile, porteuse d'émotion, peut passer inaperçue lors d'un regroupement par l'algorithme K-means. La décision finale revient au concepteur, et non au logiciel.

Conclusion

Une palette de qualité supérieure ne résulte ni du hasard, ni de l'application d'un simple filtre. Elle est le fruit d'un choix délibéré concernant la méthode d'extraction, le système cible et les étapes suivantes : impression, peinture murale ou affichage à l'écran. Ceux qui distinguent clairement ces trois niveaux et utilisent des outils libres, gratuits et confidentialité et cookiesgagnent en fiabilité et offrent une clarté optimale à leurs clients et aux participants des ateliers. La couleur demeure ainsi ce qu'elle doit être : un élément de design, et non un jeu de hasard.

---

À propos de l'auteur : Cet article a été rédigé dans le cadre du projet Shademix, une suite d'outils de couleur gratuits pour le web, iOS, iPadOS, macOS, Chrome et Figma. Plus d'informations, des tutoriels et des exemples sont disponibles sur shademix.app.