sRGB

sRGB (Standard RGB) ist ein Farbraum, der 1996 gemeinsam von HP und Microsoft entwickelt und von der International Electrotechnical Commission als IEC 61966-2-1 standardisiert wurde. Er legt die exakten Rot-, Grün- und Blau-Primärfarben fest, die bestimmen, wie numerische RGB-Werte auf wahrgenommene Farben abgebildet werden, dazu eine nichtlineare Gammakurve, die der Charakteristik eines typischen CRT-Monitors jener Zeit nachempfunden ist.

sRGB ist der implizite Farbraum des Webs. Wenn Sie #FF6B35 in CSS schreiben, geben Sie eine Farbe in sRGB an. Bettet eine JPG-Datei kein Farbprofil ein, ist sRGB der angenommene Standard. Browser, Bildbearbeitungs­programme und Consumer-Monitore arbeiten alle standardmäßig mit sRGB.

Größere Farbräume — Display P3 (Apple, ~25 % mehr Farbvolumen als sRGB) und Rec.2020 (HDR-Video) — reichen über das Dreieck von sRGB hinaus zu tieferen, gesättigten Farben, die ältere Displays nicht erzeugen können. CSS Color Module Level 4 unterstützt beide mit den Funktionen color(display-p3 ...) und color(rec2020 ...), doch die Browser­unterstützung ist noch uneinheitlich und die meisten Assets liegen weiterhin in sRGB vor.

Für die alltägliche Farbumrechnung (HEX ↔ RGB ↔ HSL) ist sRGB der universelle Ankerpunkt. Nutzen Sie unsere Farbkonverter für die Mathematik.

Speziell die sRGB-Gammakurve: sRGB verwendet keine reine Potenzfunktion. Die Übertragungskurve ist stückweise definiert: ein linearer Abschnitt für sehr dunkle Werte (codierte Werte unter 0,04045 werden durch 12,92 geteilt) und darüber eine Potenzkurve mit Exponent 2,4. Die Zusammensetzung nähert ein Gamma von 2,2 an, verhält sich aber numerisch besser nahe null. Diese stückweise Definition ist der Grund, warum „einfach hoch 2,2 rechnen“ nahe Schwarz leicht falsche Farben erzeugt — eine korrekte sRGB-Linearisierung erfordert die vollständige Kurve.

Weißpunkt und Primärfarben-Chromatizitäten: Der Weißpunkt von sRGB ist D65 (CIE-Normlichtart D65, ~6504 K), und seine drei Primärfarben liegen an bestimmten (x, y)-Chromatizitätskoordinaten: Rot (0,640, 0,330), Grün (0,300, 0,600), Blau (0,150, 0,060). Diese entsprechen den Phosphor-Primärfarben von CRT-Monitoren Mitte der 1990er-Jahre — bewusst, damit bestehende Displays ohne Änderung standardkonform waren. Moderne OLED- und Quantum-Dot-Displays decken deutlich mehr ab als das sRGB-Dreieck, weshalb Wide-Gamut-Inhalte auf geeigneter Hardware gesättigter aussehen. Verwandt: Display P3, Gamma, Chromatizität. Quelle: IEC 61966-2-1 sRGB-Spezifikation.

Durchgerechnetes Beispiel

Wandeln Sie die CSS-Farbe #FF6B35 (Rotorange) in linear-lichtes sRGB für Mischrechnungen um. Die 8-Bit-Werte sind R=255, G=107, B=53. Zuerst auf [0,1] normieren: (1.0, 0.4196, 0.2078). Wenden Sie die inverse sRGB-Übertragung auf jeden Kanal an: 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. Jetzt können Sie Alpha-Blending betreiben oder die Luminanz korrekt berechnen: Y = 0.2126·R + 0.7152·G + 0.0722·B ≈ 0.32. Der naive Fehler — die gamma-codierten Werte direkt zu mitteln — ergäbe Y ≈ 0,42 und ausgewaschene Mischungen. Genau diese Feinheit ist der Grund, warum „warum sieht meine Überlagerung mit 50 % Deckkraft falsch aus“ eine wiederkehrende Frage von Grafikprogrammierern ist und warum GPU-Shader Texturen ausdrücklich als sRGB markieren, damit die Hardware beim Lesen linearisiert.

Wann und warum es zählt

Sobald Sie Bildverarbeitungs- oder Rendering-Code schreiben, entscheidet das Wissen darüber, ob Ihre Pixelwerte gamma-codiertes sRGB oder linear-licht sind, ob Mischungen, Weichzeichnungen und Lichtberechnungen die erwarteten Farben liefern. Dieselbe Logik gilt für Design-Tools: Photoshops Option „RGB-Farben mit Gamma mischen“ kippt dieses Verhalten; Figma nutzt ab 2024 standardmäßig gammakorrektes (lineares) Blending. Für Webarbeit ist sRGB so universell, dass Sie selten daran denken müssen — doch sobald Sie Display-P3-Inhalte für iPhone-HDR-Kameras ausliefern oder Rec.2020-HDR-Video rendern, bricht die Annahme und unverwaltete Bilder verschieben sichtbar die Sättigung. Die defensive Gewohnheit: Versehen Sie jedes Bild mit einem expliziten ICC-Profil, statt sich auf den Standard „nicht getaggt = sRGB“ zu verlassen, besonders beim Teilen über mobile Plattformen mit tiefen Farbpipelines. Quelle: W3C — CSS Color Module Level 4.