Teinte Saturation Valeur

Le modèleTSVpourTeinte Saturation ValeurouTSLpourTeinte Saturation Luminosité(en anglaisHSVpourHue Saturation ValueouHSBpourHue Saturation Brightness), est une interface humaine pour la gestion descouleurseninformatique.

Il fait partie d'unefamille de systèmesbasés sur trois composantes définies par une approchepsychologiqueetperceptuellede la couleur:teinte,saturationetvaleur,calculées à partir des valeurs de chaqueprimaire rouge, vert et bleudesécrans informatiquesen couleurs.

Description des composantes

La teinte

La teinte est codée suivant l'angle qui lui correspond sur lecercle des couleurs:

0° ou 360°:rouge;
60°:jaune;
120°:vert;
180°:cyan;
240°:bleu;
300°:magenta.

La saturation

La saturation est l'« intensité » de la couleur:

elle varie entre 0 et 100 %;
elle est parfois appelée « pureté »;
plus la saturation d'une couleur est faible, plus l'image sera « grisée » et plus elle apparaîtra fade, il est courant de définir la « désaturation » comme l'inverse de la saturation;

La valeur

Lavaleurest la « brillance » de la couleur:

elle varie entre 0 et 100 %;
plus lavaleurd'une couleur est faible, plus la couleur est sombre. Unevaleurde 0 correspond au noir.

Histoire

Alvy Ray Smitha défini le modèle TSV en1978.C'est unetransformation non linéairesimple de l'espace de couleur RVB des ordinateurs,lui même non linéaire et en principe indexé sur l'espace colorimétrique linéaireCIE XYZ.Elle peut être utilisée en progression colorique^[Quoi?].

Visualisation en TSV

Le modèle TSV est particulièrement utilisé dans les applications graphiques. Dans beaucoup de contextes applicatifs, un utilisateur est amené à choisir une couleur qui sera appliquée à un élément. Utilisée de cette manière, la roue TSV est souvent employée. Ainsi, la Teinte est représentée par une région circulaire; un triangle séparé peut être utilisé pour représenter la Saturation et la Valeur. Typiquement, l'axe vertical du triangle représente la Saturation, alors que l'axe horizontal représente la Valeur. De cette manière, une couleur peut être choisie d'abord en sélectionnant la Teinte sur la partie circulaire puis la Saturation et la Valeur sur le triangle.

Transformation entre TSV et RVB

Illustration de la relation entre les espaces de couleurs TSV et RVB.

t\in [0,360[

s,v,r,g,b\in [0,1]

r,g,bdésignent respectivement les coordonnées RVB,

t,s,vdésignent respectivement les coordonnées TSV.

maxla plus grande valeur entrer,getb;etminla plus petite.

Conversion de RVB vers TSV

t={\begin{cases}0,&{\mbox{si }}\max =\min \\(60^{\circ }\times {\frac {g-b}{\max -\min }}+360^{\circ })\;{\bmod {\;}}360^{\circ },&{\mbox{si }}\max =r\\60^{\circ }\times {\frac {b-r}{\max -\min }}+120^{\circ },&{\mbox{si }}\max =g\\60^{\circ }\times {\frac {r-g}{\max -\min }}+240^{\circ },&{\mbox{si }}\max =b\end{cases}}

s={\begin{cases}0,&{\mbox{si }}\max =0\\1-{\frac {\min }{\max }},&{\mbox{sinon}}\end{cases}}

v=\max \,

Conversion de TSV vers RVB

t_{i}=\left\lfloor {\frac {t}{60}}\right\rfloor \mod 6

f={\frac {t}{60}}-t_{i}

l=v\times (1-s)\,

m=v\times (1-f\times s)\,

n=v\times (1-(1-f)\times s)\,

(r,g,b)={\begin{cases}(v,n,l),&{\mbox{si }}t_{i}=0\\(m,v,l),&{\mbox{si }}t_{i}=1\\(l,v,n),&{\mbox{si }}t_{i}=2\\(l,m,v),&{\mbox{si }}t_{i}=3\\(n,l,v),&{\mbox{si }}t_{i}=4\\(v,l,m),&{\mbox{si }}t_{i}=5\\\end{cases}}

Couleurs complémentaires

On définit deux couleurs comme complémentaires si, mélangées, elles produisent un gris. Soit une couleur (t, s, v) dans l'espace de couleur TSV, il existe un complément (t', s', v') tel que quand (t, s, v) et (t', s', v') sont mélangées en proportions égales, la saturation de la couleur produite vaut 0. Alors,

t'={\begin{cases}t-180,&{\mbox{si }}t\geq 180\\t+180,&{\mbox{si }}t<180\end{cases}}

s'={v\times s \over v\times (s-1)+1}

v'=v\times (s-1)+1

Références

Rafael Gonzalez, Richard E. Woods (2002) Digital Image Processing, 2 ed, Prentice Hall Press. p. 295,(ISBN 0-201-18075-8)

Voir aussi

Articles connexes