sRGB – der Webstandard-Farbraum für digitale Medien und Bildschirme

sRGB (Standard Red Green Blue) ist ein 1996 von Hewlett-Packard und Microsoft definierter, 1999 als IEC 61966-2-1 normierter RGB-Farbraum, der als universelles Standardformat für Webinhalte, Verbrauchergeräte und die allgemeine digitale Bildverarbeitung gilt.

Rubrik: Grundlagen der Gestaltung · Unterrubrik: Farbsysteme & Farbräume · Niveau: Einsteiger Synonyme / Auch bekannt als: Standard RGB, IEC 61966-2-1; englisch: sRGB Color Space, Standard RGB Color Space

Was ist sRGB?

sRGB ist der universelle Farbraum-Standard für das Internet, Mobilgeräte und Verbraucher-Displays. Er definiert exakt, welche Farben ein Standard-RGB-Bildschirm darstellen soll und wie diese Farben mathematisch beschrieben werden. Die meisten Kameras, Smartphones, Monitore und Webbrowser arbeiten standardmäßig mit sRGB. Für Webdesigner, Social-Media-Gestalter und alle, die für allgemeine Bildschirmnutzung produzieren, ist sRGB das Pflicht-Standardformat.

Erklärung

sRGB wurde 1996 von Hewlett-Packard und Microsoft entwickelt, um eine gemeinsame Farbsprache für Verbraucher-Hardware zu schaffen. Der Standard wurde 1999 von der IEC normiert (IEC 61966-2-1) und ist seitdem die Basis des World Wide Web Consortiums (W3C) für Farben im Web.

Technische Definition: sRGB ist durch folgende Parameter vollständig spezifiziert:

• Primärfarben (CIE-xy-Koordinaten): R(0,640/0,330), G(0,300/0,600), B(0,150/0,060)
• Weißpunkt: D65 (6500 K) – mittleres Tageslicht
• Transferfunktion (Gamma): Stückweise Funktion, effektives Gamma ≈ 2,2

- Für Werte > 0,0031308: V = 1,055 × L^(1/2.4) − 0,055 - Für Werte ≤ 0,0031308: V = 12,92 × L (linearer Bereich)

• Referenzhelligkeit: 80 cd/m² (historisch für CRT-Monitore)

Gamut von sRGB: sRGB deckt ca. 35 % der gesamten menschlichen Farbwahrnehmung (CIE 1931-Diagramm) ab. Das ist ausreichend für die meisten alltäglichen Bildschirmanwendungen, aber deutlich weniger als professionelle Farbräume:

• Adobe RGB 1998: ca. 50 % (besonders mehr Grün)
• DCI-P3 / Display P3: ca. 41 % (besonders mehr Rot-Orange)
• Rec.2020: ca. 75 % (UHD/HDR-Standard)
• ProPhoto RGB: ca. 90 % (maximaler Gamut)

Warum sRGB als Webstandard? Da sRGB ohne Farbmanagement auf den meisten Geräten konsistent dargestellt wird, ist es das sicherste Format für breit verteilte digitale Inhalte. Browser ohne Farbmanagement interpretieren Bilder ohne eingebettetes Profil automatisch als sRGB. Moderne Browser (Chrome, Safari, Firefox) sind farbgemanagt und berücksichtigen eingebettete ICC-Profile.

sRGB vs. „ohne Profil": Bilder ohne eingebettetes Profil werden von fast allen Anwendungen als sRGB behandelt. Das ist in der Praxis für Web-Bilder oft akzeptabel, kann aber bei Bildern in anderen Farbräumen zu Farbverschiebungen führen. Best Practice: Immer das sRGB-Profil einbetten.

sRGB und Gamma: Die sRGB-Gammakurve ist nicht genau Gamma 2.2, sondern eine stückweise Funktion, die für sehr dunkle Werte linear ist. Effektiv verhält sich sRGB für visuelle Zwecke wie Gamma 2.2. In der CGI- und VFX-Produktion müssen Texturen für lineare Berechnungen aus dem sRGB-Gamma in lineares Licht konvertiert werden (sRGB → Linear).

Rendering in Browsern: CSS-Farben (rgb(), hex) und HTML-Bilder ohne Profil werden im sRGB-Farbraum interpretiert. CSS Level 4 erweitert die Möglichkeiten: color(display-p3 1.0 0.2 0.0) definiert eine P3-Farbe, und color(rec2020 0.8 0.3 0.1) eine Rec.2020-Farbe. Diese werden auf P3- und Rec.2020-Displays korrekt dargestellt.

Beispiele

1. Instagram und Social Media: Alle Bilder für Instagram in sRGB speichern – die Plattform konvertiert andere Profile auf sRGB, oft mit Farbverschiebungen. sRGB-Export in Lightroom: Export → Farbraum: sRGB → Profil einbetten: ja.
2. Webdesign in Figma: Figma arbeitet intern in sRGB; alle erzeugten Farbwerte sind sRGB-kompatibel. Export als PNG mit sRGB-Profil ist Standard.
3. JPEG-Export für Web in Photoshop: Datei → Exportieren → Für Web speichern → In sRGB konvertieren aktivieren → Profil einbetten aktivieren.
4. E-Commerce-Produktfotografie: Produktfotos werden in sRGB geliefert, damit sie auf allen Geräten (Smartphone, Laptop, Smart TV) konsistent aussehen. Der Online-Shop zeigt auf sRGB-Bildschirmen dieselbe Farbe wie im Warenkorb.
5. HTML-E-Mail-Newsletter: HTML-E-Mails verwenden HEX-Farben (implizit sRGB). background-color: #FF5733 wird in allen E-Mail-Clients als sRGB-Farbe interpretiert.

In der Praxis

Adobe Photoshop – sRGB prüfen und einbetten: Der aktive Farbraum wird in der Titelleiste angezeigt (z. B. „Dokument.jpg @ 100% (RGB/8) *"). Unter Bearbeiten → Farbeinstellungen den RGB-Arbeitsfarbraum auf sRGB IEC61966-2.1 setzen. Beim Speichern (Datei → Speichern unter oder Exportieren → Für Web speichern) „ICC-Profil: sRGB IEC61966-2.1" einbetten.

Adobe Lightroom Classic: Im Exportdialog (Datei → Exportieren) unter „Dateieinstellungen" → Farbraum: sRGB wählen. Dies ist der Standard und für alle Web- und Social-Media-Ausgaben korrekt.

Figma: Datei → Dokumenteinstellungen → Farbraum: sRGB (Standard) oder Display P3. Für Web-Projekte sRGB beibehalten; für iOS-App-Designs P3 nutzen.

Vergleich & Abgrenzung

sRGB vs. RGB: sRGB ist ein spezifischer, standardisierter RGB-Farbraum mit definierten Grenzen (Gamut) und Weißpunkt. „RGB" ist das allgemeine additive Farbmodell. sRGB ist eine konkrete Implementierung von RGB mit normierter Spezifikation.

sRGB vs. Adobe RGB: Adobe RGB hat ca. 43 % mehr Farbumfang (besonders im Grün-Cyan-Bereich). Für Web- und Social-Media-Workflows ist sRGB die richtige Wahl; für Druckworkflows bietet Adobe RGB mehr Farbresourcen.

sRGB vs. Display P3: Display P3 (Apple) ist ca. 17 % größer als sRGB und enthält mehr Rot-Orange-Töne. Auf P3-Displays (iPhone 7+, MacBook Pro seit 2017) können P3-Farben leuchtender dargestellt werden. sRGB ist der sichere Fallback für alle Geräte.

Häufige Fragen (FAQ)

Warum sehen meine Fotos auf Instagram blass aus? Instagram erwartet sRGB. Wenn du ein Bild in Adobe RGB, ProPhoto RGB oder einem anderen Farbraum hochlädst, konvertiert die Plattform automatisch auf sRGB – aber ohne Berücksichtigung des eingebetteten Profils oder mit fehlerhafter Konvertierung. Das Ergebnis: entsättigt wirkende, fahl erscheinende Farben. Die Lösung: Vor dem Hochladen immer nach sRGB konvertieren und das Profil einbetten.

Ist sRGB für professionelle Fotografie ausreichend? Für Fotos, die primär digital veröffentlicht werden (Web, Social Media, E-Mail), ist sRGB ausreichend und die richtige Wahl. Für Fotos, die professionell gedruckt werden, empfiehlt sich Adobe RGB als Arbeitsfarbraum, da der größere Gamut mehr Farbreserven für die CMYK-Konvertierung bietet. Als Faustregel: Masterdatei in Adobe RGB oder ProPhoto RGB; Ausgabe für Web in sRGB konvertieren.

Verwandte Einträge

• RGB-Farbraum (additiv)
• Adobe RGB 1998 – erweiterter Farbraum für Print
• DCI-P3 und Display P3
• Gamut – Farbumfang und Gamut-Mapping
• ICC-Farbprofil – Farbkonsistenz zwischen Geräten

Weiterführend

• International Electrotechnical Commission (1999): IEC 61966-2-1: Multimedia systems and equipment – Colour measurement and management – Default RGB colour space – sRGB. IEC.
• Blatner, David / Fraser, Bruce (2004): Real World Color Management. Peachpit Press.
• Poynton, Charles (2012): Digital Video and HD: Algorithms and Interfaces. 2. Aufl. Morgan Kaufmann.
• W3C CSS Color Level 4 Specification (2023):