sRGB

sRGB(standard RGB) è uno spazio colore sviluppato congiuntamente da HP e Microsoft nel 1996 e standardizzato dalla Commissione Elettrotecnica Internazionale come IEC 61966-2-1. Specifica i primari rosso, verde e blu esatti che definiscono come i valori numerici RGB si mappano ai colori percepiti, più una curva gamma non lineare che approssima la risposta di un tipico monitor CRT dell’epoca.

sRGB è lo spazio colore implicito del web. Quando scrivi #FF6B35 in CSS, stai specificando un colore in sRGB. Quando un file JPG non incorpora un profilo colore, sRGB è il valore predefinito assunto. Browser, editor di immagini e monitor consumer usano tutti sRGB come predefinito.

Gli spazi colore a gamut più ampio — Display P3 (Apple, ~25% di volume colore in più rispetto a sRGB) e Rec.2020 (video HDR) — si estendono oltre il triangolo sRGB verso colori più saturi che i display più vecchi non possono produrre. CSS Color Module Level 4 supporta entrambi con le funzioni color(display-p3 ...) e color(rec2020 ...), ma il supporto dei browser è ancora discontinuo e la maggior parte delle risorse viene comunque distribuita in sRGB.

Per le conversioni di colore quotidiane (HEX ↔ RGB ↔ HSL), sRGB è l’ancora universale. Usa i nostri convertitori di colore per la matematica.

La curva gamma sRGB nello specifico:sRGB non usa una funzione di potenza pura. La curva di trasferimento è a tratti: un segmento lineare per i valori molto scuri (i valori codificati sotto 0.04045 vengono divisi per 12.92) e una curva di potenza 2.4 al di sopra. La composizione approssima un gamma di 2.2 ma con un comportamento numerico migliore vicino allo zero. Questa definizione a tratti è il motivo per cui “basta elevare alla potenza 2.2” produce colori leggermente errati vicino al nero — la linearizzazione sRGB accurata richiede la curva completa.

Punto bianco e cromaticità dei primari:il punto bianco di sRGB è D65 (Illuminante CIE D65, ~6504 K) e i suoi tre primari si trovano a specifiche coordinate di cromaticità (x, y): rosso (0.640, 0.330), verde (0.300, 0.600), blu (0.150, 0.060). Questi corrispondono ai primari dei fosfori dei monitor CRT degli anni ’90 — volutamente, in modo che i display esistenti risultassero conformi agli standard senza modifiche. I display OLED e a punti quantici moderni coprono molto più del triangolo sRGB, ecco perché i contenuti ad ampio gamut appaiono più saturi sull’hardware compatibile. Correlato: Display P3, gamma, cromaticità. Riferimento: Specifica IEC 61966-2-1 sRGB.

Esempio pratico

Converti il colore CSS #FF6B35 (arancione rosso) in sRGB lineare per i calcoli di blending. I valori a 8 bit sono R=255, G=107, B=53. Prima normalizza in [0,1]: (1.0, 0.4196, 0.2078). Applica il trasferimento sRGB inverso per ogni canale: 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. Ora puoi eseguire l’alpha-blend o calcolare correttamente la luminanza: Y = 0.2126·R + 0.7152·G + 0.0722·B ≈ 0.32. L’errore ingenuo — fare la media diretta dei valori con codifica gamma — calcolerebbe Y ≈ 0.42 e produrrebbe blend sbiaditi. Questa singola sottigliezza è il motivo per cui “perché il mio overlay al 50% di opacità appare sbagliato” è una domanda ricorrente tra i programmatori grafici, e il motivo per cui gli shader GPU marcano esplicitamente le texture come sRGB in modo che l’hardware le linearizzi durante la lettura.

Quando e perché è importante

Ogni volta che scrivi codice per l’elaborazione delle immagini o il rendering, sapere se i valori dei pixel sono in sRGB con codifica gamma o in luce lineare determina se il blending, la sfocatura e i calcoli di illuminazione producono i colori che ti aspetti. La stessa logica si applica agli strumenti di design: l’opzione “blend RGB colors using gamma” di Photoshop cambia questo comportamento; Figma usa il blending gamma-corretto (lineare) per impostazione predefinita dal 2024 in poi. Per il lavoro web, sRGB è così universale che raramente devi pensarci — ma nel momento in cui distribuisci contenuti Display-P3 per le fotocamere HDR di iPhone o esegui il rendering di video HDR Rec.2020, l’assunzione si rompe e le immagini non gestite cambiano saturazione visibilmente. L’abitudine difensiva: tagga ogni immagine con un profilo ICC esplicito piuttosto che affidarti al valore predefinito “senza tag = sRGB”, specialmente quando si condivide tra piattaforme mobili con pipeline colore profonde. Riferimento: W3C — CSS Color Module Level 4.