Obtenir le code hexadécimal d'une couleur

Par jhowlett468 - Le 20/04/15 - Affichages : 3433
Bonjour !!

Il peut arriver quand on se fait un thème pour nos précieux ou simplement dans l'optique de faire un joli post que l'on ait besoin d'une couleur spécifique. Récupérer ladite couleur et la "réinjecter" dans un logiciel de photo en "interne" est aisé MAIS cela se complique quand on veut par exemple passer d'un logiciel photo ( comme Photofiltre qui les code en CMJN et TSL ) à un site comme le forum où les couleurs sont codées en hexadécimal ( ou RVB )... Problème, n'ayant ( et je ne dois pas être le seul ) pas le compas dans l'oeil pour les couleurs et ne voulant pas perdre de temps à tatonner avec des codes hexa au pif.

Merci à @loucroquant pour l'info et la tof qui suit ;) : certains logiciels comme Adobe Fireworks ( ex-Macromedia Fireworks ) donnent directement le code hexdécimal après extraction avec la pipette :

Image

Cliquez sur l'image pour la voir en grand

Cependant, il s'agit d'un logiciel payant... Et je me sens très à l'aise avec Photofiltre, dont j'ai l'habitude. Pour info, GIMP, qui est gratuit, a la même interface qu'Adobe Fireworks et donne les mêmes résultats pour les codes hexa.

Je voulais intégrer le bleu de la tête de Cid ( la masquotte de Cyanogen ) provenant de cette image :

Image

A ce tableau comme couleur de fond de la colonne "version Cyanogenmod" :

Image

La capture montre le résultat final.

En cherchant sur Google, j'ai trouvé ce site : Convertisseur gratuit - convertisseur de couleur. Concernant les différents codages de couleurs, voila ce qu'en dit cette page :
Codage numérique d'une couleur

Dans la chaîne graphique il existe trois grandes familles de représentation des couleurs, deux dans le cadre de la représantation d'une image sur un écran d'ordinateur : le codage RVB (ou RGB en anglais), et le codage TSL (ou HSL en anglais), et un, plus adapté au domaine de l'impression, le codage CMJN (quadrichomie).
  • le code RVB sépare les trois composantes (Rouge, Vert, Bleu) (donné en hexadécimal et en décimal) sur une échelle de 0 à FF en hexadécimal et donc de 0 à 255 inclus en décimal
  • Le code CMJN sépare les quatre composantes (quadrichromie : cyan, magenta, jaune, noir). Les données sont en proportions (ex. : [0, 46, 0, 54] = [0 unité, 46 unités, 0 unité, 54 unités])
  • Le code TSL sépare les trois composantes : l'angle (en degrés) sur le disque chromatique, la saturation et la luminosité (en %).
Le codage RVB est celui qui est mis en œuvre dans de nombreux périphériques numériques : en entrée (scanner-couleurs, appareil photo numérique, caméscope…) comme en sortie (écran en couleurs, imprimante, quadrichromie, photocopieuse-couleurs…).

Le codage TSL, destiné aux opérateurs humains, est adapté à la caractéristique de leurs rétines : une personne entraînée peut d'ailleurs donner avec une approximation satisfaisante les valeurs TSL d'une couleur qu'on lui présente (la plus difficile à retrouver étant réputée être le marron); elle peut aussi, même si elle est novice, trouver assez rapidement, en s'aidant par exemple des outils de Sélection de couleur offerts dans de nombreux logiciels de dessin ou de retouche, les composantes TSL d'une couleur qu'elle n'a pas sous les yeux mais qu'elle imagine ; enfin, le langage TSL de définition des couleurs permet de définir facilement certains des dégradés de teinte que la représentation RVB ne permet pas de définir aussi facilement. En revanche, la très grande majorité des langages de développement exige d'utiliser le codage RVB pour la définition de la couleur d'un tracé, d'un fond de fenêtre, d'un texte, etc. ; c'est pourquoi il peut être utile de disposer de moyens permettant de passer d'un codage TSL à un codage RVB, et réciproquement.


Bon, alors à partir des codages TSL et CMJN, comment obtenir le code hexadécimal d'une couleur ? C'est parti ! Cliquez sur les images pour les voir en grand !!

Tout d'abors, ouvrez l'image avec un logiciel de retouche photo, ici Photofiltre :

Image

Mettez votre curseur l'outil pipette ( qui permet d'extraire une couleur ) et sélectionnez-le par simple clic :

Image

Placez la pipette là ou vous voulez récupérer la couleur :

Image

Cliquez à l'endroit désiré, le carré en haut à droite se prend la couleur désirée, qui est utilisable... Dans Photofiltre uniquement en l'état :

Image

Cliquez sur le carré de couleur concerné dans les outils, vous obtiendrez les infos TSL et CMJN de la couleur :

Image

Rendez-vous à l'adresse citée plus haut et rentrez les infos TSL et CMJN puis faites OK pour obtenir les infos RVB ( hexadécimal ) :

Image

Vous n'avez plus qu'à "injecter" le code hexa dans l'appli concernée ( Zooper ) ou comme code-couleur via le bbcode du fofo ;)

De plus, @franck_29 m'a parlé d'une app, App Picker qui fait le même boulot... Sur appareil Android mais je ne l'ai pas testée.

Crédits image : Google, @loucroquant, http://www.convertisseur-gratuit.com et screenshots de moi-même.
Merci à @edem84, @franck_29 et @loucroquant pour la relecture et leur participation.

4 réponse(s) -