0

Encodé

Couleur RGB (Hex)
Notation
Couleur RGB
Espace colorimétrique
Notation

À propos de la couleur RGB

La couleur RGB est un modèle qui représente les couleurs en combinant les composantes lumineuses rouge, vert et bleu. Elle est largement utilisée pour les écrans, les pages web et les données d’image.

En RGB, l’intensité de chaque composante est indiquée par une valeur numérique, généralement un entier de 0 à 255 ou un pourcentage de 0% à 100%. Si toutes les composantes valent 0, la couleur est noire; si toutes sont au maximum, elle est blanche.

CouleurNotation RGBNotation hexadécimale
Rougergb(255 0 0)#ff0000
Vertrgb(0 128 0)#008000
Bleurgb(0 0 255)#0000ff
Blancrgb(255 255 255)#ffffff
Noirrgb(0 0 0)#000000

Les couleurs RGB peuvent s’écrire sous forme de fonction ou en hexadécimal. Le rouge peut par exemple être représenté par rgb(255 0 0), rgb(100% 0% 0%), #ff0000 ou #f00.

Pour inclure la transparence, ajoutez une valeur alpha. Par exemple, un rouge semi-transparent peut être représenté par rgb(255 0 0 / 50%) ou #ff000080.

La conversion RGB de DenCode prend en charge les options de notation suivantes.

Couleur RGB (hexadécimal)
Option de notationFormatExemple
#RRGGBB(AA)#RRGGBB
#RRGGBBAA
#ff0000
#ff000080
0xAARRGGBB0xAARRGGBB0xffff0000
0x80ff0000
Couleur RGB
Option de notationFormatExemple
Nombrergb(R G B)
rgb(R G B / A)
rgb(255 0 0)
rgb(255 0 0 / 0.5)
Pourcentagergb(R% G% B%)
rgb(R% G% B% / A)
rgb(100% 0% 0%)
rgb(100% 0% 0% / 0.5)

0xAARRGGBB n’est pas une notation hexadécimale CSS standard, mais un format ARGB parfois utilisé dans des programmes ou paramètres. Le AA initial représente l’alpha, puis RR, GG et BB représentent le rouge, le vert et le bleu.

sRGB et autres espaces colorimétriques RGB

RGB représente les couleurs avec rouge, vert et bleu. Cependant, même avec les mêmes valeurs RGB, la couleur réelle dépend de l’espace colorimétrique utilisé. Les valeurs web courantes rgb() et #RRGGBB sont normalement traitées comme sRGB.

CSS Color Module Level 4 définit aussi des espaces RGB dont la gamme diffère de sRGB, comme Display P3 et ProPhoto RGB. DenCode prend également en charge leur conversion.

Espace colorimétriqueFormatExempleCaractéristiques
sRGBrgb(...)
color(srgb ...)
rgb(255 0 0)
color(srgb 1 0 0)
L’espace RGB courant pour le web et CSS. Les codes hexadécimaux et rgb() ordinaires sont traités comme sRGB. color(srgb ...) est un format de CSS Color Module Level 4.
Linear sRGBcolor(srgb-linear ...)color(srgb-linear 1 0 0)Utilise la même gamme que sRGB, mais avec des composantes linéarisées. Il sert aux calculs et compositions de couleurs.
Display P3color(display-p3 ...)color(display-p3 1 0 0)Espace à gamme plus large que sRGB, utilisé sur les écrans wide gamut et certains appareils mobiles.
Adobe RGB (1998)color(a98-rgb ...)color(a98-rgb 1 0 0)Plus large que sRGB, parfois utilisé en retouche photo et dans les flux orientés impression.
ProPhoto RGBcolor(prophoto-rgb ...)color(prophoto-rgb 1 0 0)Espace RGB encore plus large qu’Adobe RGB, utilisé comme espace de travail en retouche photo.
Rec. 2020color(rec2020 ...)color(rec2020 1 0 0)Espace RGB à très large gamme, utilisé dans les normes UHDTV et HDR.

Les couleurs d’espaces RGB à large gamme peuvent ne pas être représentées précisément sur des écrans sRGB ou avec des codes hexadécimaux ordinaires. Lors d’une conversion vers #RRGGBB ou rgb(R G B), DenCode traite les composantes hors sRGB pour les faire tenir entre 0 et 255. Avec color(display-p3 ...) ou color(a98-rgb ...), elles peuvent être affichées comme valeurs de l’espace choisi.