1°STL SPCL
Thème :
D’une image à l’autre TP N°26 : Teinte, Luminosité, Saturation
Objectif : Exploiter un logiciel dédié pour déterminer les caractéristiques d’une couleur : composantes (R, V, B) ou teinte, luminosité, saturation (T, L, S). Interpréter la pureté d’une couleur dans le diagramme chromatique (CIE 1931).
En moyenne, notre oeil est capable de discerner plus de 350'000 couleurs différentes. Pour pouvoir étudier ou utiliser ces différentes couleurs, il est plus qu'utile de d'en effectuer un classement, afin de pouvoir les caractériser de manière simple et efficace.
1. Les Paramètres physiques de la couleur : 1.1. Le modèle TSL
Le modèle TSL (acronyme de Teinte, Saturation, Luminosité) est le plus intuitif de tous les modèles colorimétriques.
Une couleur est parfaitement définie dès que l'on connaît ses trois paramètres physiques.
Il est basé sur le ressenti de la perception humaine d'où son nom de modèle perceptuel.
Chaque critère de couleur est clairement séparé, ce qui en fait le modèle le plus pratique pour la retouche d'image.
Les trois critères TSL (HSL en anglais pour Hue, Saturation et Lightness) sont :
Il s'agit de, La longueur d'onde dominante : elle correspond à la longueur d'onde de la couleur pure qui se rapproche le plus de la nuance considérée, et s'exprime en manomètres. Elle correspond aux termes de "teinte".
De la pureté d'excitation : elle se rapporte à la vivacité d'une teinte, c'est-à-dire à la force de la sensation colorée. La pureté d'excitation s'exprime en en pourcentage (pur = 100%, neutre = 0%). Elle correspond aux termes de
"saturation" .
Du facteur de luminance : il s'agit de l'énergie globale réfléchie par une couleur, et s'exprime en pourcentage, par comparaison avec un blanc de référence. Le facteur de luminance correspond aux termes de "luminosité".
On exprime souvent les ordres de grandeur de la clarté et de la saturation à l'aide d'un même adjectif, par exemple:
clair + saturé = vif clair + lavé = pâle foncé + saturé = profond foncé + lavé = rabattu
1.2. Teinte:
Lancer Gimp
Ouvrir le fichier teinte.jpg
Cliquez ensuite sur le menu « Couleurs » puis « Teinte-Saturation » :
En haut de la fenêtre, sont disposées les couleurs primaires (additive et soustractives réunies) en forme de roue
chromatique. Observons les paires de complémentaires : rouge-cyan ; magenta-vert ; bleu-jaune.
Plus bas, nous avons trois niveaux de réglage :
Commençons par modifier la teinte en déplaçant le curseur vers la droite :Observons, ensuite la modification sur la roue chromatique ; au-dessus.
1. Compléter la phrase :
On peut constater que le glissement du curseur « teinte » vers la droite entraîne un décalage de la roue dans le sens ……….. : le jaune ………, le rouge devient …………., le magenta prend une dominante plus rouge, le bleu devient violacé, etc.
2. Conséquence sur l’image : Les teintes sont décalées vers le ………….. … (couleurs ………….)
Déplacer maintenant le curseur vers la gauche.
3. Le déplacement du curseur « teinte » vers la la gauche entraîne un déplacement des valeurs des couleurs primaires dans le sens ……….. Le jaune devient ………, le vert …………, le cyan verdit, le bleu s’éclaircit, etc.
4. Conséquence sur l’image : Les teintes sont décalées vers le ………….. … (couleurs ………….)
Déplaçons, à présent le curseur « teinte » complètement à gauche. La modification sur la roue chromatique est complète. Chaque couleur prend la valeur de sa complémentaire.
Remarque : Ce curseur « teinte » ne modifie que très modérément les valeurs proches du blanc et du noir .
1.3. Luminosité
Rétablissons l’image : Réinitialiser la couleur
Régler la luminosité, réglé au minimum, en glissant le curseur jusqu’à la limite gauche.
1. L’image est plus ………..
Régler la luminosité, réglé au maximum, en glissant le curseur jusqu’à la limite droite.
2. L’image est plus …………..
On passe de la nuit au petit matin. Voilà vraiment en quoi consiste la luminosité.
1.4. Saturation :
Dernier curseur de notre boîte de dialogue, la saturation.
Tout d’abord réduction au minimum,
1. On constate la suppression des ……….. (il existe de bien meilleurs procédés pour créer des photos en noir et blanc)
Maintenant au maximum
2. Les couleurs sont ……….. ( vives / délavées )
2. Petit exercice :
Retrouver les paramètres pour obtenir cet aspect :
Image de base ……….
………. ……….
3. Diagramme de chromaticité CIE xyY
D'une manière générale, l'aspect coloré d'une surface ou d'une lumière est le résultat de sa teinte et de sa saturation.
On groupe donc souvent ces deux caractéristiques en une seule propriété d'apparence, appelée la chromaticité.
Depuis sa création, en 1931, le système CIE xyY a été utilisé pour la solution graphique de nombreux problèmes colorimétriques.
Les axes x et y définissent la chromaticité, tandis que l'axe Y, en 3e dimension, est relatif à la luminance. Toutes les couleurs situées à la périphérie du diagramme sont des couleurs pures, repérées par leurs longueurs d'onde et la droite reliant les deux extrémités du spectre se nomme "droite des pourpres".
Le diagramme de chromaticité permet en outre de calculer la saturation d'un échantillon, par rapport au blanc parfait situé aux coordonnées x = 0,3333 et y = 0,33333, ainsi que sa
complémentaire exacte.
On peut toutefois lui reprocher de ne pas tenir compte de la sensibilité de l'oeil humain, car il n'est pas uniforme.