Couleurs

Avant de voir la représenter des images, il est nécessaire de s'intéresser à la représentation des couleurs.

Codage RGB

Il existe plusieurs façons de décrire les couleurs en informatique. Dans ce cours, nous nous intéresserons au système de codage RGB (pour Red Green Blue) noté parfois RVB en français (pour Rouge Vert Bleu). Le principe consiste à mélanger ou plus précisément à additionner une certaine quantité des trois couleurs primaires (rouge, vert et bleu) pour obtenir la couleur finale. Ce procédé s'appelle la synthèse additive.

Code RGB décimal

Chacune des trois couleurs primaires est représentée par un nombre compris entre 0 et 255 (c'est-à-dire 256 valeurs). Il faut donc 3 octets pour coder un pixel avec le code RGB décimal, ce qui prend rapidement beaucoup de place.

Exemple: Le rouge est représenté par (255, 0, 0).

Exercice 14

De quelle couleur s'agit-il ?

1. noirblancrougevertbleujaunemagentacyangris foncégris clair (255, 0, 0)

2. noirblancrougevertbleujaunemagentacyangris foncégris clair (0, 0, 0)

3. noirblancrougevertbleujaunemagentacyangris foncégris clair (0, 0, 255)

4. noirblancrougevertbleujaunemagentacyangris foncégris clair (64, 64, 64)

5. noirblancrougevertbleujaunemagentacyangris foncégris clair (255, 255, 0)

6. noirblancrougevertbleujaunemagentacyangris foncégris clair (0, 255, 0)

7. noirblancrougevertbleujaunemagentacyangris foncégris clair (255, 255, 255)

8. noirblancrougevertbleujaunemagentacyangris foncégris clair (204, 204, 204)

9. noirblancrougevertbleujaunemagentacyangris foncégris clair (255, 0, 255)

10. noirblancrougevertbleujaunemagentacyangris foncégris clair (0, 255, 255)

Code RGB hexadécimal

Une autre manière de représenter les couleurs est d'utiliser l'hexadécimal. Cette représentation est plus compacte, car il suffit de 2 chiffres hexadécimaux pour représenter 256 valeurs (de \(00_{16}\) à \(FF_{16}\)). Le code RGB hexadécimal débute toujours par #.

Exemple: Le rouge est représenté par #FF0000.

Tableau des couleurs principales

Couleur	Nom	Code hexadécimal	Code décimal (R,G,B)
	black	#000000	(0, 0, 0)
	white	#FFFFFF	(255, 255, 255)
	red	#FF0000	(255, 0, 0)
	lime	#00FF00	(0, 255, 0)
	blue	#0000FF	(0, 0, 255)
	yellow	#FFFF00	(255, 255, 0)
	cyan	#00FFFF	(0, 255, 255)
	magenta	#FF00FF	(255, 0, 255)
	silver	#C0C0C0	(192, 192, 192)
	gray	#808080	(128, 128, 128)

Si les trois valeurs sont identiques, nous obtiendrons du gris. Avec une valeur petite, le gris sera foncé et avec une valeur élevée, le gris sera clair.

Sur le site "Liste des couleurs", il y a les références de toutes les couleurs possibles.

Nombre de couleurs possibles

Avec 3 octets (24 bits), il est possible de représenter:

\[2^{24} = 16\,777\,216 \text{ couleurs différentes}\]

Sachant qu l'oeil humain peut différencier jusqu'à 10 millions de couleurs, cette représentation est largement suffisante.

Exercice 15

De quelle couleur s'agit-il ?

1. noirblancrougevertbleujaunemagentacyangris foncégris clair #FFFFFF

2. noirblancrougevertbleujaunemagentacyangris foncégris clair #00FF00

3. noirblancrougevertbleujaunemagentacyangris foncégris clair #00FFFF

4. noirblancrougevertbleujaunemagentacyangris foncégris clair #FF0000

5. noirblancrougevertbleujaunemagentacyangris foncégris clair #404040

6. noirblancrougevertbleujaunemagentacyangris foncégris clair #000000

7. noirblancrougevertbleujaunemagentacyangris foncégris clair #FFFF00

8. noirblancrougevertbleujaunemagentacyangris foncégris clair #0000FF

9. noirblancrougevertbleujaunemagentacyangris foncégris clair #FF00FF

10. noirblancrougevertbleujaunemagentacyangris foncégris clair #CCCCCC

Exercice 16

Combien d'octets faut-il pour représenter une image de 1920 × 1080 pixels en couleur?

Solution

Chaque pixel nécessite 3 octets (un pour R, un pour G, un pour B).

Nombre de pixels: \(1920 \cdot 1080 = 2\,073\,600\) pixels

Nombre d'octets: \(3 \cdot 2\,073\,600 = 6\,220\,800\) octets

Cela correspond à environ \(6.2\) Mo (mégaoctets).