Dans notre monde coloré, les couleurs ont de nom­breuses fonctions et ce n’est pas nouveau. Même Goethe attachait plus d’im­por­tance à son Traité des couleurs (paru en 1810) qu’à son travail de poète. En 1809, l’oph­tal­mo­logue et physicien anglais Thomas Young (1773-1829) présente la thèse selon laquelle toutes les couleurs du spectre pouvaient être générées à partir des trois couleurs primaires. L’ex­pres­sion RVB n’existait cependant pas encore. Il faut encore attendre cinquante ans avant que le physicien écossais James Clerk Maxwell (1831-19879) ne l’invente. Il produit en 1861 la première pho­to­gra­phie couleur et prouve ainsi la théorie de la synthèse additive.

Dé­fi­ni­tion

RVB : le terme RVB (ou RGB en anglais pour « red, green, blue ») désigne un espace co­lo­ri­mé­trique visible par l’œil humain qui est produit par la synthèse additive de trois couleurs primaires. L’espace co­lo­ri­mé­trique RVB doit son nom aux couleurs qui le composent Rouge, Vert et Bleu.

Les couleurs donnent une orien­ta­tion, éclairent les choses sous un jour différent et parlent di­rec­te­ment aux sens. À pro­pre­ment parler, la couleur n’est rien d’autre qu’une im­pres­sion sen­so­rielle de la lumière qui peut être perçue par les humains. Il s’agit d’un rayon­ne­ment élec­tro­mag­né­tique qui se situe sur une longueur d’onde de 380 (violet) à 760 (rouge) na­no­mètres. Avec les dif­fé­rentes tech­niques d’affichage des images, dif­fé­rents principes ont également été établis pour la re­pré­sen­ta­tion optique des couleurs. Depuis l’invention des écrans couleurs, le modèle co­lo­ri­mé­trique RVB a acquis une im­por­tance majeure pour l’affichage des images sur les appareils élec­tro­niques. Découvrez dans cet article tout ce que vous devez savoir sur les couleurs RVB.

Site Internet avec nom de domaine
Créez votre site Web en quelques minutes
  • Templates pro­fes­sion­nels
  • Mo­di­fi­ca­tion du design en un clic
  • Domaine, SSL et email

Comment fonc­tionne le modèle co­lo­ri­mé­trique RVB (RGB color en anglais) ?

Les couleurs RVB se composent de trois couleurs primaires auxquels les cônes pho­to­sen­sibles de l’œil humain sont les plus sensibles : rouge, vert et bleu. La couleur noire est à la base de ce modèle de couleurs. Toutes les couleurs utilisées ap­pa­rais­sent en contraste avec cette couleur de base. Comme les couleurs RVB sont composées de trois couleurs primaires, cela a donc donné le terme de synthèse additive. Trois couleurs vives sont ajoutées, ad­di­tion­nées, les unes aux autres pour créer les couleurs visibles. Sur un écran d’or­di­na­teur, les pixels créent ensemble une image complète. Chaque pixel in­di­vi­duel est constitué de sous-pixels dans les couleurs RVB qui, par synthèse additive, dé­ter­mi­nent la couleur du pixel.

Combien de couleurs l’espace co­lo­ri­mé­trique RVB peut-il re­pro­duire ?

Les trois couleurs primaires, rouge, vert et bleu (aussi appelées canal de couleur) peuvent chacune prendre toutes les valeurs de 0 à 255, ce qui fait un total de 256 nuances par canal. En mul­ti­pliant toutes les nuances de couleurs dis­po­nibles par canal, on obtient 2563 soit 16 777 216 com­bi­nai­sons de couleurs. Il est d’ailleurs souvent écrit : 16,7 millions de pixels.

Image: Couleurs RVB et synthèse additive
Les couleurs primaires du modèle co­lo­ri­mé­trique RVB et quelques exemples de mélanges de couleurs obtenus selon la méthode de synthèse additive. On peut l’imaginer comme 3 pro­jec­teurs diffusant chacun une couleur primaire RVB, dont les halos lumineux se su­per­po­sent par­tiel­le­ment. Lorsque toutes les couleurs sont éteintes (= 0), il ne reste que du noir.

Par exemple, sur le Web, toutes ces couleurs peuvent être spé­ci­fiées avec des valeurs RVB, mais également des valeurs hexa­dé­ci­males. Souvent, les feuilles de style CSS (Cascading Style Sheets) utilisent les deux afin d’assurer l’affichage des couleurs dans tous les na­vi­ga­teurs.

// Paragraphe avec texte de couleur magenta
p.couleur {
	color: #FF00FF;
color: rgb (255,0,255);
}

Cet exemple de code illustre l’uti­li­sa­tion des couleurs RVB sur le Web. Une large gamme de ces couleurs porte des noms uti­li­sables qui peuvent également être insérés dans le CSS (#FF00FF est fuchsia). Il existe de nombreux tableaux ré­ca­pi­tu­la­tifs sur Internet.

Image: Espace de couleurs RVB
Un aperçu de l’espace co­lo­ri­mé­trique RVB. Sur la barre de droite, un curseur peut être utilisé pour modifier l’intensité de la couleur sé­lec­tion­née. L’il­lus­tra­tion est un aperçu agrandi des réglages couleur dans le programme de trai­te­ment de texte Word.

Les formats gra­phiques pour l’affichage d’images et de gra­phiques sur Internet sont basés sur les couleurs RVB à l’exception des formats GIF. Dans les logiciels de retouche d’image comme Photoshop ainsi que les logiciels de trai­te­ment d’images gratuits, le mode RVB est également uti­li­sable pour l’affichage des images. Les nombreux outils de com­pres­sion d’images utilisent également le modèle RVB pour utiliser les images com­pres­sées pour les pages Web et assurer de bonnes per­for­mances.

Conseil

RVB ou CMJN ? L’affichage sur les écrans modernes de toutes formes et de toutes tailles se base sur le modèle co­lo­ri­mé­trique RVB. Les couleurs CMJN peuvent être utilisées lorsqu’il faut imprimer phy­si­que­ment les couleurs.

RVB, CMJN et... c’est tout ?

Bien sûr que non. Il existe de nombreux concepts pour les espaces co­lo­ri­mé­triques. Leurs dif­fé­rences résident dans la façon dont l’affichage des couleurs se produit. Parmi les systèmes d’espaces co­lo­ri­mé­triques al­ter­na­tifs, on peut citer :

CIE XYZ :

CIE est le système de valeur normes de 1931. Il est basé sur la moyenne des valeurs mesurées par des ob­ser­va­teurs de référence. CIE 1964 décrit le champ de vision humain sur une feuille de papier A4 à une distance de 30 cen­ti­mètres. Parmi les autres dé­ve­lop­pe­ments et mo­di­fi­ca­tions, on peut citer le CIELUC, le CIELAB et le CIEUVW.

RVB et ses ex­ten­sions

L’espace de couleur sRVB est un dé­ve­lop­pe­ment du RVB pour Internet produits par dif­fé­rents en­tre­prises et groupes. Il est utilisé par les pro­grammes Open Source ainsi que par le format d’image SVG. L’espace de couleur Adobe RGB a été développé par la société du même nom pour re­pro­duire les couleurs d’une im­pri­mante CMJN sur un écran de PC. Il existe une longue liste d’espaces de couleur RVB, qui sont affectés à des tâches de re­pré­sen­ta­tion très spé­ci­fiques. Pour conclure, il faut noter que tout uti­li­sa­teur averti peut créer son propre espace de couleurs.

Teinte de sa­tu­ra­tion

HSV ou HSB utilisent la teinte (Hue : H), la sa­tu­ra­tion (Sa­tu­ra­tion : S) et une valeur pour la lu­mi­no­sité (Value : V ou Bright­ness : B) pour décrire la couleur. Cet espace de couleur est plus proche de la per­cep­tion naturelle des couleurs. HSL et HSI font également partie de ce groupe. La lettre L signifie ici lu­mi­no­sité et I, intensité. HSL est également uti­li­sable en CSS.

// paragraphe avec texte en rouge
p.rouge {
	color: hsl(0, 100%, 50%);
}

Luminance et chro­mi­nance

Ces espaces de couleur, appelés YIQ, YUV, YDbDr, YPbPr ou YCbCr sont utilisés pour les standards de té­lé­vi­sion couleur (NTSC, PAL, SECAM). Deux valeurs de couleur et une valeur de lu­mi­no­sité sont stockées. Il convient également de men­tion­ner ici le xvYCC, un espace couleur plus récent et élargi aux signaux vidéo nu­mé­riques.

Aller au menu principal