Design & Com
Comment récupérer le code couleur d’une image ou d’une photo
Peut être es tu en pleine création de ton identité visuelle, d’un support de communication, d’une illustration, d’un site… Et je suis sûre que tu as déjà voulu récupérer et réutiliser une couleur pour laquelle tu as eu un coup de cœur ! 😍
Avec un répertoire de nuances quasi infini (environ 8 millions, rien que ça !) impossible de reproduire une couleur à l’identique par pur hasard.
C’est ici que les codes couleurs prennent tout leur sens et nous permettent de maitriser nos créations et associations. Chaque code équivaut à une tonalité, une perception, une signification 🌈
Lorsque je travaille une identité visuelle par exemple, la première étape consiste à créer un moodboard d’inspiration dans lequel se trouve donc des inspirations de couleurs. Grâce à ce premier exercice je peux ensuite récupérer les couleurs de ce moodboard qui vont former ma base de travail pour confectionner la palette de couleurs correspondante au projet.
Aujourd’hui je t’ai donc préparé cet article pour t’aider à comprendre les différents codes couleurs et leurs différentes utilités. Mais surtout te montrer comment tu pourras ensuite facilement récupérer et réutiliser le code d’une couleur que tu auras précédemment trouvé et que tu apprécies.
Il existe maintenant des solutions très accessibles et gratuites pour t’y aider. Et tu verras que ton processus de création va prendre une totale autre dimension grâce à cette petite astuce.
Tu vas pouvoir gagner en temps, en efficacité, en précision et en professionnalisme ! 😉
Comprendre les codes couleurs HTML/HEXA, RVB & CMJN
Nous avons l’habitude de nommer nos couleurs avec un répertoire nominatif et il est vrai que notre langage courant comporte déjà un joli nombre de termes. Mais ils ne représentent qu’une once de l’étendue des nuances possibles et imaginables (on en revient à nos 8 millions de teintes !).
C’est pourquoi, afin de pouvoir exploiter les richesses infinies que nous offre cette multitude de couleurs, mais aussi et surtout pour pouvoir communiquer avec précision et en fonction du support concerné, différentes codifications ont été conçues.
👉 Le système de codage des couleurs html / hexadécimal
Le système hexadécimal (html), plus communément appelé HEX est principalement utilisé sur le web. Composé de 7 items, avec en premier un #, suivi d’une série de chiffres et de lettres (entre A et F). Plus exactement et pour entrer dans le détail, il s’agit de trois paires de caractères représentant l’intensité de rouge, vert et bleu dans la couleur (#XXXXXX)
👉 Le code couleur RVB
Cet acronyme signifie Rouge Vert Bleu (et oui toujours les mêmes), que tu retrouveras sous la forme de RGB en anglais pour Red Green Blue.
Un peu sur le même principe que le précédent ce système de codage informatique indique également le dosage de chacune de ces trois teintes : rouge, vert et bleu. La valeur de chaque couleur est exprimée par un nombre compris entre 0 et 255.
👉La codification CMJN
Et enfin le code CMJN qui est lui utilisée essentiellement pour le print. Il renvoie à la proportion de pigments (exprimée ici en pourcentage) qui est à extraire de chaque cartouche d’encre d’impression : Cyan, Magenta, Jaune et Noir. En anglais cet acronyme devient CMYK pour Cyan, Magenta, Yellow, Black.
Et voici un exemple de palette de couleurs avec les différents codes de nous venons d’évoquer pour rendre tout cela un peu plus concret :
L’outil pipette – principe d’utilisation
L’outil pipette c’est une fonctionnalité qui a souvent cette petite icône 
et que tu vas pouvoir trouver sur différents logiciels. Elle va te permettre de pouvoir “prélever” avec précision une couleur sur n’importe quel supports numériques (le plus souvent une image ou une photo). Pour ensuite en ressortir les différents code couleurs vu précédemment, ainsi tu pourras utiliser cette nouvelle couleur comme tu le souhaites, même la modifier pourquoi pas ! Pratique non 😃
5 Outils et logiciels gratuits
Maintenant que tu connais les différents codes couleurs et la petite pipette magique passons à la dernière étape, les logiciels que tu vas pouvoir utiliser !
1. Paint
Si tu es sur un pc Windows et bien tout simplement le petit logiciel Paint. Il te suffit d’y importer une image et d’utiliser l’outil pipette qui y est intégré. Voici un exemple :
2. Microsoft Office – PowerPoint
La suite Microsoft Office est un classique qui comptent toujours aujourd’hui beaucoup d’utilisateurs. Principalement PowerPoint pour les supports de présentations qui dispose lui aussi de l’outil pipette. Bien pratique si tu es en pleine création de ta présentation, tu peux la aussi récupérer les couleurs d’une image importée. L’outil pipette se trouve dans les options de texte comme de dessin, en somme partout où il y a une option de couleurs.
3. Adobe Color
Un de mes outils préférés et clairement celui que j’utilise le plus souvent. En plus de te permettre de pouvoir récupérer les couleurs d’une image avec son option “Extraire le thème” il va carrément te proposer la palette de couleurs correspondante avec laquelle tu pourras ensuite jouer et la modifier à volonté ! Et je te laisse aller jeter un oeil pour découvrir toutes les options et possibilités qu’il t’offre c’est juste canon 😍
4. Color Picker
Un peu sur le même principe qu’Adobe Color, Color Picker est un site gratuit grâce auquel tu pourras générer une palette de couleurs depuis une image comme récupérer une couleur isolée. Simple et facile d’utilisation !
5. ColorZilla
Et pour le dernier je te propose une extension Google Chrome, ColorZilla gratuite et facile d’utilisation. Ultra pratique pour récupérer un couleur depuis n’importe quelle page de ton navigateur et sans avoir besoin d’enregistrer et importé ton image dans un autre logiciel.
Tu es maintenant au point pour jouer à volonté avec toutes les couleurs de ton choix 😉
