# Teinte saturation lumière

Teinte, saturation, luminosité (ou valeur) sont les trois paramètres de description d'une couleur définies par l'approche de la psychologie des couleurs. Cette expression désigne des modèles de description des couleurs utilisés en graphisme informatique et en infographie, qui adaptent ces paramètres.
Les sigles TSL ou, en anglais HSL ((en) Hue, Saturation, Lightness) désignent de tels systèmes de description des couleurs. La luminosité étant à peu près ce qu'on appelle la valeur ((en) Value), TSV ou HSV s'utilisent pour différencier des systèmes basés sur les mêmes principes, avec une mise en œuvre différente.
De nombreux logiciels de retouche et de création graphiques matricielle offrent une interface de description des couleurs Teinte, Saturation, Luminosité. Dans ce cas, les couleurs sont toujours enregistrées comme composantes trichromes (rouge, vert, bleu).
Dans les logiciels d'édition d'image vectorielle, les paramètres de Teinte, saturation, luminosité peuvent servir de définition de la couleur et être enregistrés. Le W3C a adopté cette description perceptuelle, en parallèle avec les descriptions trichromes, pour définir les couleurs, au format texte, dans les feuilles de style en cascade et les dessins vectoriels SVG.

## Systèmes de codage informatique des couleurs

Les systèmes de codage informatique des couleurs les représentent par un triplet de valeurs se rapportant à chacune des couleurs primaires de la synthèse additive (rouge, vert, bleu) de l'écran.
Le plus souvent, ces valeurs sont des nombres entiers entre 0 et 255, qu'on peut coder sur un octet. On peut créer de la sorte plus de 16 millions de codes de couleur. La vision humaine arrive à distinguer, dans les meilleures conditions d'examen, un demi-million de couleurs ; en appliquant les différences de couleur juste perceptibles définies par la CIE, on trouve qu'un écran standard donne 200 000 couleurs. Plusieurs dizaines de codes s'affichent ainsi comme des couleurs indiscernables les unes des autres. Deux codes qui ne diffèrent que de 1 sur les 256 valeurs possibles de chaque canal doivent donner une couleur parfaitement indistincte.
Le codage direct de la couleur par les valeurs des couleurs primaires (Rouge-vert-bleu) a l'avantage de la simplicité pour la programmation, mais il demande de l'utilisateur des calculs et des raisonnements pour les manipulations de couleurs les plus simples. Pour rendre une nuance plus lumineuse, il faut multiplier les valeurs des trois composantes par le même nombre. Pour laver de blanc une teinte trop vive, il faut ajouter la même quantité aux trois paramètres ; mais ce faisant, on l'éclaircit. Pour la faire virer vers une des deux primaires les plus proches, il faut ajouter une quantité à cette primaire, puis compenser l'éclaircissement. Les paramètres utilisés par les psychologues de la couleur, teinte, saturation, luminosité donnent un accès plus direct à ces modifications.
Ces paramètres sont une systématisation des concepts utilisés pour l'enseignement de la couleur dans les arts graphiques. Ils sont, de ce fait, plus familiers aux utilisateurs envisagés. Un cercle chromatique oriente la compréhension des teintes, le dessin monochrome inculque la notion de valeur. La diffusion d'outils informatiques basés sur la luminosité, la teinte et la saturation va contribuer à son tour à former les notions de couleur de ceux qui les pratiquent.
Comme le codage RVB qui leur sert de base, ces systèmes recherchent la simplicité, évitant de charger les ordinateurs de calculs. Ils sont relatifs à un dispositif de synthèse trichrome des couleurs : un même code produit deux couleurs différentes sur deux écrans dont les luminophores donnent des couleurs primaires différentes ou dont les réglages sont différents ; grâce à l'adaptation visuelle, les rapports entre les couleurs restent suffisamment bien perçus.

### Système HSV ou TSV

La conception d'interfaces graphiques pour les programmes informatiques commence au début des années 1970. Alvy Ray Smith travaille avec Richard Shoup au Xerox PARC sur le logiciel SuperPaint, qui permet la création d'images pour la télévision couleur. A.R. Smith publie ce système lors de l'édition 1978 du SIGGRAPH. Il nomme ses paramètres « Hue/Saturation/Value », selon les termes utilisés en psychologie des couleurs. Ils seront largement repris sous les noms « Hue/Saturation/Brightness ». Brightness est le nom du réglage de luminosité sur les télévisions en couleurs, qui augmente toutes les valeurs d'une quantité uniforme. Dans l'univers du logiciel libre, la plupart ont repris l'appellation d'origine traduite en français par « Teinte Saturation Valeur ».
Les outils de sélection de couleur de MacOS, d'Adobe, CorelDRAW, QuarkXPress, OpenOffice/LibreOffice, Gimp et Blender ainsi que l'API de la bibliothèque logicielle OpenCV utilisent ce modèle.

### Système HSL ou TSL

Lors de la même édition du SIGGRAPH, George H. Joblove et Donald Greenberg présentent d'autres modèles basés sur un cercle chromatique qu'ils nomment « Hue/Relative chroma/Intensity » qui sera largement diffusé en tant que « Hue/Saturation/Lightness » ou parfois « Hue/Saturation/Luminance ». Il sera, comme HSV, popularisé en français sous les termes de « Teinte/Saturation/Luminosité » avec quelques exceptions (CorelDraw et AutoCAD, par exemple) qui traduisent le paramètre L par « Luminance » bien que les deux termes n'aient pas exactement le même sens.
On le retrouve actuellement dans les outils de sélection de couleur de Microsoft, CorelDRAW, AutoCAD, Paint Shop Pro, Inkscape, etc.
Le W3C a normalisé la description textuelle HSL des couleurs, concuramment avec les autres descriptions de couleur pour les Feuilles de style en cascade et les dessins vectoriels.

## Paramètres

Teinte, saturation et luminosité décrivent une couleur dans une approche psychologique de cette perception Les paramètres perceptifs de la description des couleurs sont homologues à des grandeurs de la colorimétrie, sans qu'on puisse toujours passer des uns aux autres par un calcul.
Paramètres de description des couleurs :
| | | Usage courant | Colorimétrie | Psychologie |
| T | Ton et teinte, noms et adjectifs de couleur | Ton et teinte, noms et adjectifs de couleur | Longueur d'onde dominante | Teinte, tonalité ((en) hue) |
| S | Coloration, Pur s'oppose à lavé de blanc ; vivacité : une couleur est vive si elle est à la fois suffisamment lumineuse et pure. | Coloration, Pur s'oppose à lavé de blanc ; vivacité : une couleur est vive si elle est à la fois suffisamment lumineuse et pure. | Puretés colorimétrique et d'excitation | Saturation |
| L | lumière | Éclat, luminosité, intense s'oppose à faible | Luminance | Luminance |
| L | objet | Brillance, clarté ; clair s'oppose à foncé ; | Facteur de luminance | Luminance |
Les études colorimétriques, c'est-à-dire, qui prennent pour base une mesure physique, cherchent, au-delà de la colorimétrie de base, à rapprocher ces mesures de la perception. La Commission internationale de l'éclairage donne de la teinte (ou tonalité (chromatique), de la chromie ou niveau de coloration, de la saturation et de la chroma des définitions brèves qui s'appliquent aux modèles colorimétriques perceptuels
L'espace colorimétrique CIE LUV, conçu pour la mesure de couleur de lumières, possède une représentation en teinte, saturation, luminosité, dans laquelle ces paramètres se déduisent rigoureusement de l'analyse spectrale colorimétrique trichrome des lumières réfléchies par ces objets. Ce modèle abandonne la linéarité postulée pour la colorimétrie de base, au profit d'une représentation des couleurs plus conforme à leur perception. Les paramètres des systèmes de description de couleurs informatiques ne permettent pas cette correspondance. Ils s'attachent à créer une représentation utile des couleurs qui n'exige pas une charge de calcul importante. Le profil ICC des terminaux, qu'ils soient écrans ou imprimantes, permet cette conversion. La restriction des paramètres au gamut accessible par les terminaux simplifie substantiellement le problème de la définition des couleurs.

### Teinte

La teinte est la forme pure d'une couleur en ce qu'elle s'oppose au blanc, au noir et au gris.
Un disque chromatique permet d'ajouter une quantité à n'importe quelle valeur de teinte, puis, en la soustrayant, de retrouver la valeur d'origine, ce qui serait impossible avec une échelle du minimum au maximum. La valeur de la teinte se calcule donc modulo celle du tour (360 degrés d'angle).
Les deux systèmes, TSV (Smith 1978) et TSL (Joblove et Greenberg 1978) définissent identiquement la couleur. Les positions des couleurs se construisent avec des règles simples :
* les trois couleurs primaires sont interchangeables dans les formules ;
* les couleurs complémentaires se trouvent à l'opposé sur le même diamètre (180°) ;
* les couleurs de l'arc-en-ciel suivent dans le sens des valeurs croissantes.
* La couleur primaire rouge se trouve au point de teinte 0.
Par conséquent le cyan se trouve à un demi-tour (180°). Comme, en synthèse additive, le cyan est fait de parts égales des primaires verte et bleue, celles-ci doivent être disposées symétriquement, au tiers de tour (respectivement 120° et 240°) pour respecter la condition d'interchangeabilité des primaires.
On a ainsi défini les positions des trois primaires et de leurs complémentaires, tous les 60°. Les valeurs des autres couleurs s'obtiennent par interpolation.
L'angle de teinte se trouve à partir des valeurs des primaires (rouge, vert, bleu). Le procédé de calcul s'inspire d'un résultat de la colorimétrie de base, selon lequel toute couleur peut s'obtenir en ajoutant une couleur pure et de la lumière blanche. Dans les systèmes TSL, la lumière blanche (ou grise) a ses trois composantes trichromes égales. On peut donc retirer de chacune des composantes trichromes de la couleur dont on recherche la teinte la plus petite des trois valeurs, sans affecter la teinte. Il reste deux composantes non nulles. La primaire de la plus grande donne l'angle de départ, (0 pour rouge, 120° pour vert ou 240° pour bleu). On obtient le décalage par rapport à cette valeur en multipliant 60° par le rapport entre la plus petite et la plus grande des valeurs restantes. Si en ajoutant 120° à l'angle de départ, on obtient l'angle de la seconde primaire (modulo 360°), on ajoute cette quantité ; dans le cas contraire, on le soustrait, et si l'angle est inférieur à 0, on ajoute 360°.
Les deux systèmes, TSL et TSV suivent les mêmes règles pour déterminer la teinte. Celle-ci n'a pas de rapport avec une grandeur colorimétrique, mais exige peu de calculs, et donne une représentation suffisamment familière pour l'utilisateur.

### Saturation

En théorie de la perception des couleurs, la chromaticité est l'intensité de la coloration, en ce qu'elle se distingue du gris, dit aussi achromatique.
Une couleur vive a une luminosité moyenne ou forte, et une chromaticité élevée. Une couleur pâle a une luminosité moyenne ou forte, et une chromaticité faible. Une couleur intense a une luminosité moyenne, voire faible, mais une chromaticité élevée.
Les teintes sombres sont toujours vues moins colorées que les teintes lumineuses. La saturation, c'est-à-dire le niveau de chromaticité par rapport au maximum possible, se définit comme le quotient de la chromaticité par la luminosité. Le modèle colorimétrique perceptuel CIE L*a*b* définit identiquement la chromaticité et la saturation ; mais les grandeurs des systèmes informatiques sont liées au matériel, et non aux courbes de l'observateur de référence de la CIE.
La saturation s'évalue sur une échelle allant de 0 (pas de sensation colorée) à 1 (l'impression colorée est au maximum permis par le système de reproduction des couleurs et le niveau de luminosité). Cette grandeur s'exprime en pourcentage.
Dans les systèmes TSV et TSL, si les trois composantes trichromes sont de même valeur, la saturation est nulle et la saturation est de 100 % quand une des composantes est nulle.
Les deux systèmes définissent une chromaticité, comme la différence entre la plus forte et la plus faible des valeurs des composantes trichromes,max-min où min est la plus faible des valeurs des composantes trichromatiques et max la plus forte. Cette valeur est rarement utilisée telle quelle, mais elle sert pour le calcul de la saturation.
Les valeurs intermédiaires de la saturation se calculent différemment. Dans le système TSV, l'option de simplicité prévaut, comme pour la luminosité. La valeur de saturation est $\scriptstyle {\frac {chroma}{valeur}}$, soit $\scriptstyle 1-{\frac {min}{max}}$, puisque la valeur est dans ce système égale à max.
Le système TSL recherche une meilleure correspondance avec les jugements visuels. Si la luminosité luma (c'est-à-dire, dans ce système, la moyenne entre la plus forte composante trichromatique et la plus faible) est inférieure à 0,5, la valeur de la saturation est $\scriptstyle {\frac {max-min}{max+min}}$, soit $\scriptstyle {\frac {chroma}{2\times luma}}$ dans le cas contraire, la saturation est $\scriptstyle {\frac {max-min}{2-(max+min)}}$, soit $\scriptstyle {\frac {chroma}{2-2\times luma}}$ (max et min ont le même sens que précédemment).

### Lumière/Luminosité

La composante luminosité exprime l'impression de clarté, de brillance de la couleur.
En colorimétrie de base, on considère que la luminosité est une perception indépendante (orthogonale) de la chromaticité. Les modèles colorimétriques perceptuels CIE L*a*b* (pour les objets) et CIE LUV (pour les écrans) déterminent la clarté d'une façon plus complexe, qui représente mieux la vision humaine. Les modèles informatiques TSL recherchent plus la simplicité que la représentation des perceptions lumineuses.
La luminosité, dans un système de reproduction de couleurs, se situe entre le minimum et le maximum que le système peut produire. On peut commodément la représenter par un nombre entre 0 et 1 (ou 0 et 100 %).
Les différents systèmes ne s'accordent pas sur le calcul de la luminosité.
Le système TSV opte pour la plus grande simplicité. Il prend comme valeur de lumière celle de la composante trichromatique la plus forte. Dans ce cas, l'échelle des luminosités est correcte et intuitive si les deux autres paramètres, teinte et saturation, sont identiques ; mais le bleu primaire au maximum a le même paramètre « luminosité » que le blanc, ce qui ne correspond pas à l'impression visuelle.
Le système TSL accepte un calcul supplémentaire, et prend pour valeur de la luminosité la moyenne entre les composantes trichromatiques maximale et minimale. Le blanc a donc une valeur de luminosité supérieure à celle du jaune le plus lumineux.
Ces options vont avoir des conséquences sur le calcul de la saturation.

### Caractéristiques communes aux deux systèmes

Les composantes du TSL permettent une conservation des valeurs originelles même si elles n'apparaissent pas. On les qualifie donc de « conservatives ».
Ainsi, un gris neutre a une teinte, qui n'apparaît pas, parce que sa saturation est nulle. Si on prend une couleur, et qu'on réduit sa saturation à zéro, puis qu'on l'augmente à nouveau, on peut retrouver la couleur d'origine, tant que le logiciel n'a pas transformé les triplets (teinte, saturation, luminosité) en triplet (rouge, vert, bleu).
Un noir, dont la luminosité est à 0, conserve tout de même une teinte et une saturation, qu'on peut retrouver tant que le logiciel n'a pas converti les valeurs.

### Représentation géométrique

Avec trois dimensions, la représentation géométrique d'un système Teinte, saturation, lumière de description des couleurs est un volume. Deux des valeurs forment un système de coordonnées polaires, avec la teinte en angle et la saturation, comprise entre 0 et 1, en module. Le système se représente donc comme un cylindre.
* Cylindre TSV des couleurs
* Cylindre TSL des couleurs
On peut aussi utilement se représenter les systèmes de couleur avec la chroma, au lieu de la saturation. On obtient alors un cône avec TSV, un double cône avec TSL. Cette forme est celle du système de description des couleurs de Wilhelm Ostwald ; elle se déduit des valeurs possibles pour les paramètres. Les systèmes de description des couleurs plus exactement basés sur la perception aboutissent à des enveloppes différentes, une sphère pour le nuancier de Munsell, une forme non géométrique pour CIE L*a*b* et CIE LUV. Dans tous ces systèmes, les surfaces d'égale saturation sont des cylindres.
* Cône TSV des couleurs
* Double-cône TSL des couleurs

### Type des variables

Les codages Teinte saturation luminosité sont destinés aux humains. Mais ils doivent interagir avec le codage Rouge Vert Bleu qui commande directement les écrans.
Dans le codage Rouge Vert Bleu, les valeurs de luminosité de chaque couleur primaire s'expriment par un nombre entier. En général, ce nombre est codé sur un octet, de 0 à 255, exprimant ainsi la luminosité relative du canal. Les formats de fichier d'image matricielle sont susceptibles d'enregistrer les valeurs de couleur primaire sous cette forme.
Il est souhaitable qu'une suite de conversions RVB vers TSL, puis TSL vers RVB, retrouve dans tous les cas, la valeur d'origine. Pour que ce soit possible, les valeurs de teinte, saturation et lumière sont des nombres de type virgule flottante.
Les fichiers CSS et SVG peuvent enregistrer directement au format texte les valeurs de Teinte Saturation Luminosité. Ces valeurs s'écrivent en nombres décimaux. Les logiciels agents utilisateurs effectuent le typage des valeurs.

## Applications

Deux types d'applications se rencontrent : celles, comme SVG, où les paramètres TSL font partie du format de fichier, et celles où ils servent uniquement à faciliter le travail de l'utilisateur, comme dans les logiciels d'édition d'image matricielle. Dans ce cas, les paramètres peuvent servir soit à définir des couleurs nouvelles pour les outils de peinture, soit à modifier des couleurs existantes.
La définition des couleurs par teinte, saturation, luminosité peut transformer considérablement le calcul d'un dégradé de couleur. Une interpolation linéaire des valeurs rouge, vert, bleu entre deux couleurs éloignées donne des résultats radicalement différents d'une interpolation des valeurs (t,s,l). Des logiciels d'édition d'image proposent les deux options.
Les inventeurs des premiers procédés citent, parmi les applications, la création de perspective atmosphérique et de reflets sur des surfaces colorées.
La segmentation d'image, c'est-à-dire la sélection d'un objet par la différence de sa couleur avec le fond, se fait très difficilement sans recourir à la teinte et à la chroma. La segmentation est utilisée pour l'incrustation en traitement d'images, et dans le cas d'un objet mobile sur un fond fixe, peut concourir à une importante réduction de débit dans les applications de diffusion vidéo. Dans ces applications en temps réel, les considérations de charge de calcul équilibrent celles de précision des résultats.