sRGB

sRGB(standard RGB) est un espace colorimétrique développé conjointement par HP et Microsoft en 1996 et standardisé par la Commission électrotechnique internationale sous la référence IEC 61966-2-1. Il spécifie les primaires rouge, vert et bleu exactes qui définissent comment les valeurs numériques RGB se traduisent en couleurs perçues, plus une courbe gamma non linéaire approximant la réponse d’un moniteur CRT typique de l’époque.

sRGB est l’espace colorimétrique implicite du web. Lorsque vous écrivez #FF6B35en CSS, vous spécifiez une couleur en sRGB. Lorsqu’un fichier JPG n’intègre pas de profil colorimétrique, sRGB est la valeur par défaut assumée. Les navigateurs, les éditeurs d’images et les moniteurs grand public utilisent tous sRGB par défaut.

Les espaces colorimétriques à large gamut — Display P3 (Apple, ~25 % de volume de couleur de plus que sRGB) et Rec.2020 (vidéo HDR) — s’étendent au-delà du triangle sRGB vers des couleurs saturées plus profondes que les anciens écrans ne peuvent pas produire. Le module CSS Color Level 4 prend en charge les deux avec color(display-p3 ...) et color(rec2020 ...), mais la prise en charge des navigateurs est encore inégale et la plupart des ressources sont encore livrées en sRGB.

Pour la conversion de couleurs quotidienne (HEX ↔ RGB ↔ HSL), sRGB est l’ancre universelle. Utilisez nos convertisseurs de couleurs pour les calculs.

La courbe gamma sRGB en détail :sRGB n’utilise pas une simple fonction puissance. La courbe de transfert est par morceaux : un segment linéaire pour les valeurs très sombres (les valeurs encodées inférieures à 0,04045 sont divisées par 12,92) et une courbe de puissance 2,4 au-dessus. Le composite approxime un gamma de 2,2 mais avec un meilleur comportement numérique près de zéro. Cette définition par morceaux explique pourquoi « simplement élever à la puissance 2,2 » produit des couleurs légèrement incorrectes près du noir — une linéarisation sRGB précise nécessite la courbe complète.

Point blanc et chromaticités primaires :le point blanc de sRGB est D65 (Illuminant CIE D65, ~6504 K), et ses trois primaires sont situées à des coordonnées de chromaticité (x, y) spécifiques : rouge (0,640, 0,330), vert (0,300, 0,600), bleu (0,150, 0,060). Ces valeurs correspondent aux primaires de phosphore des moniteurs CRT du milieu des années 1990 — délibérément, pour que les écrans existants soient conformes aux normes sans modification. Les écrans OLED modernes et à points quantiques couvrent bien plus que le triangle sRGB, c’est pourquoi le contenu à large gamut semble plus saturé sur du matériel compatible. Liens connexes : Display P3, gamma, chromaticité. Référence : Spécification sRGB IEC 61966-2-1.

Exemple concret

Convertir la couleur CSS #FF6B35 (orange rouge) en sRGB linéaire pour les calculs de mélange. Les valeurs 8 bits sont R=255, G=107, B=53. Normaliser d’abord à [0,1] : (1,0 ; 0,4196 ; 0,2078). Appliquer le transfert inverse sRGB pour chaque canal : R = ((1,0 + 0,055)/1,055)^2,4 = 1,0 ; G = ((0,4196 + 0,055)/1,055)^2,4 ≈ 0,1471 ; B = ((0,2078 + 0,055)/1,055)^2,4 ≈ 0,0355. Vous pouvez maintenant mélanger en alpha ou calculer la luminance correctement : Y = 0,2126·R + 0,7152·G + 0,0722·B ≈ 0,32. L’erreur naïve — moyenner directement les valeurs encodées en gamma — calculerait Y ≈ 0,42 et produirait des mélanges délavés.

Quand et pourquoi cela est important

Chaque fois que vous écrivez du code de traitement d’image ou de rendu, savoir si vos valeurs de pixel sont encodées en gamma sRGB ou en lumière linéaire détermine si le mélange, le flou et les calculs d’éclairage produisent les couleurs attendues. La même logique s’applique aux outils de design : l’option « mélanger les couleurs RGB en utilisant le gamma » de Photoshop bascule ce comportement ; Figma utilise par défaut un mélange gamma-correct (linéaire) depuis 2024. Pour le travail web, sRGB est si universel que vous n’avez rarement besoin d’y penser — mais dès que vous livrez du contenu Display P3 pour les caméras HDR iPhone ou rendez de la vidéo HDR Rec.2020, l’hypothèse s’effondre. Référence : W3C — Module CSS Color Level 4.