Convertisseur RGB en HSV

Comment ça marche

Écrivez une couleur par ligne ; vous n'avez pas de sens de conversion à choisir, l'outil reconnaît la notation. rgb(154, 52, 18), la simple suite « 154 52 18 » et un code HEX comme #9A3412 sont lus comme du RVB et convertis en HSV : ce rouge brique devient hsv(15, 88%, 60%), soit une teinte de 15 degrés, une saturation de 88 % et une valeur de 60 %. Dans l'autre sens, hsv(145, 70%, 55%) donne rgb(42, 140, 83) et le vert #2A8C53. Le sélecteur de couleur de Photoshop affiche les mêmes nombres sous le nom HSB ; hsb(15, 88, 60) et « H15 S88 B60 » sont donc acceptés aussi. Un point d'attention : trois nombres sans préfixe ni symbole sont toujours lus comme du RVB. « 24 88 60 » donne un vert foncé en RVB ; si vous pensez HSV, écrivez hsv(24, 88%, 60%) ou 24° 88% 60%. Si vous travaillez avec OpenCV en Python, choisissez l'échelle OpenCV en sortie : les valeurs sont écrites dans les plages 0-179 et 0-255 attendues par cette bibliothèque. Les lignes illisibles sont signalées, les autres sont tout de même converties.

Cet outil est aussi connu sous le nom de rgb en hsv, convertir rgb en hsv, hsv en rgb, convertisseur rgb hsv, hex en hsv, conversion rvb tsv.

Qu'est-ce que HSV (TSV) ?

Le HSV, appelé TSV en français, décrit une couleur par trois réponses : la teinte indique sa place sur le cercle chromatique en degrés, la saturation son intensité ou son grisé, la valeur sa luminosité. La teinte 0 est le rouge, 120 le vert, 240 le bleu ; à saturation nulle la couleur devient grise, à valeur nulle elle devient noire. Photoshop présente le même modèle sous le nom HSB. Il se calcule à partir du RVB : ce n'est pas un nouvel espace colorimétrique, mais une écriture du RVB plus proche de notre façon de décrire les couleurs.

Qu'est-ce que Angle de teinte ?

La teinte est la position de la couleur sur le cercle chromatique, exprimée en degrés : 0 rouge, 60 jaune, 120 vert, 180 cyan, 240 bleu, 300 magenta ; 360 degrés ramène au rouge, d'où le 0 renvoyé par l'outil pour 360. Les gris, le blanc et le noir n'ont pas de teinte ; la formule leur attribue 0. Pour savoir si deux couleurs appartiennent à la même famille, il suffit de comparer leur angle de teinte, alors que leurs valeurs RVB peuvent sembler sans rapport.

Qu'est-ce que RVB (RGB) ?

Le RVB écrit la lumière rouge, verte et bleue de chaque pixel avec trois nombres de 0 à 255 ; c'est la seule langue que navigateurs, téléphones et écrans comprennent directement. Comme ces nombres suivent le matériel, éclaircir ou ternir légèrement une couleur en RVB oblige à modifier les trois à la fois. Passer en HSV ramène ce réglage à un seul nombre ; la valeur ajustée est ensuite reconvertie en RVB ou en HEX pour l'écran.

Quelle est la différence entre HSV et HSL ?

Les deux modèles écrivent la teinte sur la même échelle en degrés ; ils diffèrent par la troisième valeur. En HSV, la forme la plus pure d'une couleur se trouve à valeur 100 % et saturation 100 %, et le blanc s'obtient avec une saturation de 0 et une valeur de 100. En HSL, la couleur pure se situe à une luminosité (L) de 50 %, et une luminosité de 100 donne du blanc quelle que soit la teinte. La même couleur a donc un pourcentage de saturation différent dans les deux modèles. Le CSS comprend hsl() mais pas hsv(), alors que les sélecteurs des logiciels de création utilisent surtout HSV/HSB. Pour obtenir du HSL, le convertisseur de code couleur du site transforme le HEX en HSL.

Pourquoi la même couleur n'a-t-elle pas les mêmes valeurs HSV d'un logiciel à l'autre ?

Le HSV repose sur une seule formule, mais pas sur une seule façon d'écrire le résultat ; chaque logiciel le répartit sur sa propre échelle. Photoshop et GIMP affichent la teinte en degrés de 0 à 360, la saturation et la valeur en pourcentage de 0 à 100 — c'est l'échelle de cet outil. Le module Python colorsys renvoie les trois valeurs entre 0 et 1. OpenCV divise la teinte par deux pour les images 8 bits (0 à 179) et étire saturation et valeur sur 0-255. Le mode HSV de Pillow garde les trois canaux sur 0-255.

Avant de coller une valeur HSV tirée d'un exemple de code ou d'un tutoriel, vérifiez donc l'échelle utilisée. Le jaune noté (30, 255, 255) dans OpenCV correspond à hsv(60, 100%, 100%) en degrés et pourcentages ; saisir directement les nombres OpenCV dans ce champ donne une mauvaise couleur. L'échelle OpenCV n'est proposée qu'en sortie et peut s'écarter d'une unité du calcul entier d'OpenCV.

À quoi sert le HSV, et à quoi il ne sert pas

Le HSV décompose une couleur comme on en parle : quelle couleur (teinte), quelle vivacité (saturation), quelle luminosité (valeur). Pour créer des nuances plus claires ou plus sombres d'une couleur de marque, vous gardez la teinte et ne modifiez que la valeur ; la famille de couleur reste intacte. En traitement d'image, on isole une couleur — un fond vert, un panneau rouge — avec une plage HSV plutôt qu'en RVB, car la teinte varie peu avec l'ombre et la lumière.

Le CSS, en revanche, ne connaît pas de fonction hsv() ; sur une page web, les couleurs s'écrivent en HEX, rgb() ou hsl(). C'est pourquoi l'outil affiche le HEX et le RVB à côté de chaque valeur HSV : vous trouvez la couleur dans un sélecteur et reprenez son code HEX dans votre feuille de style.

• Sélecteur de Photoshop/GIMP, fichiers de conception → HSV/HSB (degrés et pourcentages)
• Site web, CSS, présentation → HEX ou rgb()
• Masques de couleur avec Python + OpenCV → échelle OpenCV (0-179, 0-255)

Questions fréquentes

Comment convertir une couleur RGB en HSV ?

Écrivez la couleur sur une ligne, sous la forme rgb(154, 52, 18) ou simplement « 154 52 18 » ; le résultat s'affiche en hsv(15, 88%, 60%) avec un aperçu. Si vous avez un code HEX (#9A3412), collez-le directement.

HSV, TSV et HSB, est-ce la même chose ?

Oui. TSV (teinte, saturation, valeur) est le nom français du HSV, et la valeur (V) correspond à la luminosité (B) du modèle HSB de Photoshop. L'outil lit aussi hsb(…) et « H15 S88 B60 » comme du HSV.

Pourquoi la teinte ne dépasse-t-elle pas 180 dans OpenCV ?

OpenCV stocke chaque canal d'une image 8 bits entre 0 et 255. Une teinte de 360 degrés n'y tient pas : elle est divisée par deux (0-179), tandis que saturation et valeur sont ramenées à 0-255. Choisissez l'échelle OpenCV comme format de sortie pour obtenir ces plages.

J'ai saisi trois nombres et la couleur est fausse, pourquoi ?

Trois nombres sans préfixe ni symbole sont lus comme du RVB. Pour saisir du HSV, écrivez hsv(24, 88%, 60%) ou ajoutez les signes degré et pourcentage ; l'outil traite alors la ligne comme du HSV.