Sciences numériques et technologie · Seconde
Le codage des couleurs : cours de Seconde (SNT)
Publié le 9 novembre 2026 · Mis à jour le 9 novembre 2026 · Signaler une erreur
L'essentiel
- Une image numérique est un tableau de pixels ; chaque pixel d'une image en couleurs est décrit par trois valeurs : rouge, vert, bleu (modèle RVB).2
- Chaque composante tient sur un octet (8 bits), donc sur 256 niveaux de 0 à 255 ; en tout 256 × 256 × 256 = 16 777 216 couleurs, soit 24 bits par pixel.34
- La profondeur de couleurs s'exprime en bits par pixel : avec n bits, on distingue 2^n couleurs (1 bit : 2 couleurs, 4 bits : 16, 8 bits : 256).23
- Une image en niveaux de gris n'a qu'une valeur par pixel ; on l'obtient depuis une image en couleurs par une moyenne, ou par une moyenne pondérée des trois composantes.1
- Le modèle TSL (teinte, saturation, lumière) est une autre façon de décrire une couleur, plus proche de la perception.4
Introduction : de la photo au nombre
Dans le chapitre précédent, tu as vu qu'une photographie numérique est découpée en une grille de petits carrés : les pixels. Un capteur mesure la lumière reçue en chaque point, et l'appareil enregistre le résultat sous forme de nombres. Reste une question : quels nombres faut-il noter pour qu'un ordinateur sache afficher le rouge d'une tomate, le bleu du ciel ou le gris d'un trottoir ?
C'est tout l'objet du codage des couleurs. Ce cours répond à quatre questions concrètes :
- de quoi est faite l'information qui décrit la couleur d'un pixel ?
- combien de couleurs différentes peut-on obtenir, et pourquoi ce nombre ?
- comment passe-t-on d'une image en couleurs à une image en noir et blanc, ou à son négatif ?
- existe-t-il d'autres manières de décrire une couleur ?
Tu auras besoin de peu de mathématiques : des puissances de 2, des moyennes et des multiplications. Le plus important est de bien relier chaque nombre à ce qu'il représente.
Un pixel, trois composantes : le modèle RVB
Un écran d'ordinateur ou de téléphone fabrique ses couleurs en mélangeant de la lumière. Le principe porte un nom : la synthèse additive trichrome. Elle sert de base au codage informatique des couleurs.4 « Trichrome » veut dire que l'on utilise trois couleurs de départ, appelées couleurs primaires : le rouge, le vert et le bleu.3
Sur un écran, chaque pixel est formé de petits éléments, des sous-pixels rouge, vert et bleu. La couleur d'un pixel est alors décrite par trois valeurs, chacune correspondant à l'intensité de l'une des trois primaires.2 Plus la valeur d'une composante est élevée, plus cette lumière est forte dans le mélange.
Ce choix n'est pas arbitraire. Le codage RVB correspond aux moyens physiques employés pour produire ou capter de la couleur : à l'entrée, dans un scanner ou un appareil photo numérique ; à la sortie, sur un écran couleur ou une imprimante.4 Ton téléphone, quand il photographie une scène puis l'affiche, travaille donc dans le même langage du début à la fin.
Codage des couleurs
- Pixel
- 3 composantes
- valeurs 0 à 255
- Modèle RVB
- Rouge
- Vert
- Bleu
- Profondeur
- bits par pixel
- 2^n couleurs
- Niveaux de gris
- 1 valeur
- moyenne
- Modèle TSL
- teinte
- saturation
- lumière
Les valeurs de 0 à 255 : l'octet comme unité
Il reste à décider quelles valeurs une composante peut prendre. Les ingénieurs se sont posé la question de la quantité d'information nécessaire pour afficher une couleur. Pour les niveaux de gris, l'œil humain en distingue au mieux quelques dizaines. Un codage sur un octet offre 256 niveaux : c'est pratique, et ces niveaux sont si serrés que deux gris voisins (écart de 1) paraissent identiques à l'œil ; aucune marche n'est donc visible.4 Avec un demi-octet, on n'aurait que 16 nuances, ce qui est insuffisant.4
On a donc retenu un octet par composante. Un octet contient 8 bits, et chaque bit vaut 0 ou 1. Le nombre de valeurs possibles est donc , qu'on numérote de 0 à 255.3
Pour trouver le nombre total de couleurs, on raisonne par choix successifs. Il y a 256 choix pour le rouge. Pour chacun, 256 choix pour le vert. Pour chaque couple, 256 choix pour le bleu. On multiplie :
On obtient donc un peu plus de seize millions de couleurs.3 Cela correspond à 24 bits par pixel, soit un octet par canal.4
La profondeur de couleurs
Plus on utilise de bits, plus on peut distinguer de nuances, mais plus l'image occupe de place en mémoire.2 Le lien entre le nombre de bits et le nombre de couleurs est une puissance de 2 : avec bits par pixel, on peut écrire combinaisons de 0 et de 1, donc couleurs différentes.
Quelques cas à connaître :
| Bits par pixel | Calcul | Nombre de couleurs |
|---|---|---|
| 1 | 2^1 | 2 |
| 4 | 2^4 | 16 |
| 8 | 2^8 | 256 |
| 24 | 2^8 × 2^8 × 2^8 | 16 777 216 |
Calculer la taille d'une image. Une image non compressée stocke, pour chaque pixel, sa profondeur en bits. Le nombre total de bits est donc :
Pour une image de 1920 pixels de large sur 1080 de haut, codée sur 24 bits :
- nombre de pixels : ;
- nombre de bits : bits ;
- en octets (on divise par 8) : octets, soit environ 6,2 millions d'octets.
Ce calcul explique pourquoi les images sont presque toujours compressées pour être stockées ou envoyées.
Les niveaux de gris et la conversion couleur vers gris
Une image en niveaux de gris est plus simple : chaque pixel est décrit par une seule valeur, notée L dans les ressources d'Éduscol, alors que l'image couleur utilise le triplet RGB.1 Cette valeur est comprise entre 0 et 255.3 Avec 8 bits par pixel, on dispose donc de 256 niveaux de gris.4
Quand on veut passer d'une image couleur à une image grise, il faut remplacer le triplet (R, V, B) par une seule valeur. Deux approches apparaissent dans les exercices de programmation proposés par Éduscol.1
- LireRécupérer le triplet (R, V, B) du pixel.
- CalculerMoyenne simple ou pondérée des trois valeurs.
- ArrondirGarder un entier entre 0 et 255.
- ÉcrireMettre la valeur L dans les trois composantes.
Manipuler les pixels : le négatif d'une image
Les ressources d'Éduscol proposent aussi de fabriquer le négatif d'une image en couleurs. Le programme lit les composantes du pixel avec getpixel, puis écrit un nouveau pixel.1 Comment calculer ce nouveau pixel ?
Puisque chaque composante est un entier entre 0 et 255,3 on inverse l'échelle : une composante qui valait 0 vaut 255 dans le négatif, une composante qui valait 255 vaut 0, et on conserve la symétrie pour toutes les autres valeurs.
Une autre façon de décrire une couleur : le modèle TSL
Le modèle RVB colle au fonctionnement des appareils. Mais ce n'est pas la manière dont nous parlons des couleurs : personne ne dit « je voudrais ajouter autant de vert que de bleu » pour éclaircir un rouge. Il existe donc une seconde grande famille de représentations : le codage perceptuel TSL (teinte, saturation, lumière), appelé HSL en anglais, fondé sur les classements artistiques et psychophysiques des couleurs.4
Le modèle TSL propose des paramètres simples, adaptés au codage informatique, et la conversion de RVB vers TSL, puis dans l'autre sens, se fait rapidement.4 Les logiciels de retouche utilisent souvent cette idée : un curseur « saturation » permet de rendre une photo plus terne ou plus éclatante sans toucher aux trois canaux un par un.
Pour ce cours, retiens surtout que deux descriptions d'une même couleur peuvent coexister : l'une, RVB, proche du matériel ; l'autre, TSL, proche de la perception.
Synthèse et erreurs fréquentes
Au chapitre suivant, tu verras que l'image ne contient pas seulement des pixels : l'appareil y ajoute aussi des informations sur la prise de vue, les métadonnées EXIF. Les bases acquises ici te serviront pour savoir ce que contient réellement un fichier image.
Exercices corrigés
Exercice 1 Compter les couleurs d'une image à palette
Une icône est codée avec une profondeur de 6 bits par pixel. Combien de couleurs différentes peut-elle contenir au maximum ?
Indice 1
Avec n bits, on a 2^n combinaisons.
Indice 2
Calcule 2 multiplié 6 fois par lui-même.
Voir la correction pas à pas
On repère la profondeur : n = 6 bits par pixel.
Chaque bit vaut 0 ou 1, donc le nombre de combinaisons est 2^6.
On calcule : 2×2×2×2×2×2 = 64.
L'icône peut contenir au plus 64 couleurs. Chaque bit supplémentaire double ce nombre.
Exercice 2 Deux manières de passer au gris
Un pixel a pour composantes (R, V, B) = (200, 100, 60).
- Calcule son niveau de gris par la moyenne des trois composantes.
- Calcule-le avec la moyenne pondérée 0,299 R + 0,587 V + 0,114 B.
- Donne l'écart entre les deux résultats (pondérée moins moyenne), sans arrondir.
Indice 1
Pour la moyenne, additionne les trois valeurs puis divise par 3.
Indice 2
Pour la pondérée, multiplie chaque composante par son coefficient avant d'additionner.
Voir la correction pas à pas
Moyenne : (200 + 100 + 60) ÷ 3 = 360 ÷ 3 = 120.
Pondérée, rouge : 0,299 × 200 = 59,8.
Pondérée, vert : 0,587 × 100 = 58,7.
Pondérée, bleu : 0,114 × 60 = 6,84.
Somme : 59,8 + 58,7 + 6,84 = 125,34.
Écart : 125,34 − 120 = 5,34.
La moyenne donne 120 et la pondération 125,34 : l'écart vaut 5,34 niveaux de gris. Les deux méthodes ne produisent pas la même image.
Exercice 3 Poids d'une photographie non compressée
Une image de 800 pixels de large sur 600 pixels de haut est codée sur 24 bits par pixel, sans compression. Quelle est sa taille en octets ?
Indice 1
Commence par le nombre de pixels.
Indice 2
24 bits par pixel, c'est combien d'octets par pixel ?
Voir la correction pas à pas
Nombre de pixels : 800 × 600 = 480 000.
Un octet fait 8 bits, donc 24 bits = 24 ÷ 8 = 3 octets par pixel.
Taille : 480 000 × 3 = 1 440 000 octets.
L'image occupe 1 440 000 octets, soit environ 1,4 million d'octets. On retrouve bien un octet par canal, soit 3 octets par pixel.
Exercice 4 Négatif d'une région
Une région de l'image contient trois pixels : P1 = (0, 0, 0), P2 = (30, 200, 255) et P3 = (128, 64, 10).
- Donne le négatif de chaque pixel.
- Vérifie qu'en appliquant deux fois la transformation sur P3, on retrouve P3.
Indice 1
La transformation est : nouvelle valeur = 255 − ancienne valeur, sur chaque composante.
Indice 2
Pour la question 2, applique la formule au résultat de la question 1.
Voir la correction pas à pas
P1 : (255 − 0, 255 − 0, 255 − 0) = (255, 255, 255).
P2 : (255 − 30, 255 − 200, 255 − 255) = (225, 55, 0).
P3 : (255 − 128, 255 − 64, 255 − 10) = (127, 191, 245).
On rapplique à P3 : (255 − 127, 255 − 191, 255 − 245) = (128, 64, 10).
On retrouve exactement P3.
Les négatifs sont (255, 255, 255), (225, 55, 0) et (127, 191, 245). La transformation est son propre inverse : deux négatifs successifs redonnent l'image initiale.
Quiz
8 questions · correction immédiate · ton score reste sur ton appareil.
-
Avec 8 bits, on obtient 2^8 = 256 combinaisons, ce qui convient exactement.2 Avec 4 bits, on n'a que 2^4 = 16 couleurs : c'est le piège de la réponse trop petite. Les 24 bits correspondent à trois canaux de 8 bits et donnent plus de seize millions de couleurs, bien plus que nécessaire.
-
Chaque canal a 256 valeurs, donc 256 × 256 × 256 = 2^24 = 16 777 216 couleurs.3 Se contenter de 256 × 3 = 768 serait une erreur : les choix des trois canaux se combinent, ils ne s'additionnent pas.
-
C'est vrai : chaque valeur correspond à l'intensité du rouge, du vert ou du bleu.2 Dire que c'est faux reviendrait à confondre l'image couleur avec l'image en niveaux de gris, où une seule valeur suffit.
-
La moyenne vaut (90 + 150 + 210) ÷ 3 = 450 ÷ 3 = 150.1 Oublier de diviser par 3 donnerait 450, valeur impossible puisqu'un niveau de gris ne dépasse pas 255.
-
Le codage s'appuie sur le rouge, le vert et le bleu.3 Le jaune est une primaire en peinture, mais pas dans la synthèse additive utilisée par les écrans : l'ordinateur le fabrique en mélangeant du rouge et du vert.
-
Un bit vaut 0 ou 1, donc on distingue 2^1 = 2 couleurs : noir et blanc.3 La réponse 256 est celle de 8 bits ; la réponse 1 oublierait qu'un bit a deux états.
-
Le modèle TSL, appelé HSL en anglais, est une représentation perceptuelle.4 Le modèle RVB, lui, donne les intensités de rouge, de vert et de bleu, ce qui correspond aux moyens physiques de l'écran, pas à la perception.
-
Le négatif se calcule composante par composante avec 255 − valeur : 255 − 10 = 245, 255 − 20 = 235, 255 − 30 = 225. Une valeur négative comme −10 est impossible puisque les composantes restent entre 0 et 255.3
Les questions qu'on se pose
Pourquoi les valeurs vont-elles de 0 à 255 et pas de 1 à 256 ?
Un octet compte 256 combinaisons possibles de bits.4 Les informaticiens numérotent à partir de 0, car la combinaison où tous les bits valent 0 représente le nombre 0. Le plus grand nombre est alors 255. On a bien 256 valeurs, mais la dernière porte le numéro 255.
Quelle est la différence entre 24 bits et 32 bits par pixel ?
Dans les deux cas, la couleur est codée sur 24 bits, à raison d'un octet par canal. Un pixel codé sur 32 bits utilise 8 bits de plus pour une autre information.4 Le nombre de couleurs reste donc 16 777 216.
Quelle formule de conversion en gris dois-je utiliser à l'examen ou en contrôle ?
Utilise celle que l'énoncé donne. Les ressources Éduscol proposent à la fois la moyenne simple et des moyennes pondérées, avec des coefficients qui diffèrent d'un programme à l'autre.1 Les résultats sont proches mais pas identiques, donc il faut appliquer exactement la formule fournie.
Comment savoir combien de bits il me faut pour coder un certain nombre de couleurs ?
Cherche la plus petite puissance de 2 supérieure ou égale au nombre de couleurs. Avec n bits, on code 2^n couleurs. Pour 16 couleurs, il faut 4 bits ; pour 256, il en faut 8.2 Pour 100 couleurs, 2^6 = 64 ne suffit pas, mais 2^7 = 128 convient : 7 bits.
Pourquoi plus de bits donnent-ils une image plus belle ?
Une plus grande profondeur permet davantage de nuances entre les couleurs.2 Avec peu de bits, les dégradés, comme un ciel, passent par marches visibles. Avec 24 bits, les transitions entre deux couleurs voisines deviennent très douces, au prix d'un fichier plus volumineux.
Sources
- Sciences numériques et technologie - Photographie et traitement d'images, Éduscol. Consulté le 9 novembre 2026.
- Ressource Education - Codage de l'information, Éduscol. Consulté le 9 novembre 2026.
- Comment en dire autant avec moins de mots ? Les images numériques, CNRS. Consulté le 9 novembre 2026.
- Codage informatique des couleurs, Wikipédia. Consulté le 9 novembre 2026.
Les numéros dans le texte renvoient à ces sources. Une source qui ne dit pas ce qu'on lui fait dire ? Signale-le.