Tutoriel Pong
Il existe plusieurs moyens de représenter la couleur de manière numérique. L'idée maîtresse est la suivante : chaque couleur s'obtient par le mélande de 3 couleurs primaires. Nous abordons ici la synthèse additive utilisée par nos écrans :
Le site htmlcolorcodes un résumé des représentations possibles, et des outils pour visualiser et sélectionner ces couleurs (il existe beaucoup d'autres sites) :
Cet outil permet de visualiser très intuitivement les représentations de l’espace tridimensionnel des couleurs :
-
(R,G,B) : Red, Green, Bleu. Voir encadré bleu ciel.
-
Le codage HTML représenté par 6 caractères hexadécimaux. Voir encadré violet.
-
(H, S, B) : Hue, Saturation, Brightness – Teinte, Saturation, Valeur. Voir encadré rouge.
On remarque que dans la représentation (R, G, B), chaque terme est compris entre 0 et 255. Chaque canal de couleur est donc codé sur un octet !!
Le format hexadécimal qui code la couleur est compact et est représenté par un mot de 6 caractères. Les deux premier caractères, ici E7, représentent la valeur du rouge, soit R = 231. Les deux suivants, ici F5, représentent la valeur du vert, soit G = 245. Enfin, les deux derniers, ici 57, représentent la valeur du bleu, soit B = 87.
Il est ici possible d’effectuer un rappel sur :
-
la représentation binaire des nombres,
-
la notion de bit et d’octet,
-
sur le fait qu’avec un octet il est possible de représenter 256 états possibles, c’est-à -dire de compter de 0 à 255,
-
sur le passage de la base décimale à la base binaire et vice versa,
-
sur la représentation hexadécimale des nombres.
-
La couleur rouge pure en RVB est représentée par $(255,0,0)$ et en hexadécimal par #ff0000.
-
La couleur noire (absence de couleur) est représentée par $(0,0,0)$ en RVB et par #000000 en hexadécimal.
-
Donnez les valeurs RVB et hexadécimales des couleurs :
-
vert
-
bleu
-
bleu clair
-
Quelles sont les couleurs représentées par les codes :
-
$(255,0,255)$ en RVB
-
#FFFFFF en hexadécimal
-
#999999
Indice 1
Pas de rouge, un maximum de vert, et pas de bleu
Indice 2
Pas de rouge, pas vert, et du bleu pur
Indice 3
Pas de rouge, pas de vert, et pas beaucoup de bleu