Display P3 ist ein von Apple definierter Wide-Color-Farbraum, der auf dem Kino-Standard DCI-P3 basiert und auf iPhone, iPad, Mac und Apple TV einen deutlich größeren Farbumfang als sRGB bietet.
Was ist Display P3?
Im Jahr 2015 führte Apple mit dem iMac Retina 5K die erste Wide-Color-Implementierung in einem Consumer-Produkt ein. Seitdem unterstützen nahezu alle Apple-Displays (iPhone 7 und neuer, iPad Pro, MacBook Pro, iMac) den Wide-Color-Farbraum Display P3.
Display P3 basiert auf den Primaries des Kinostandards DCI-P3, verwendet jedoch den Weißpunkt D65 (statt dem DCI-Weißpunkt) und eine Standard-Gamma-2.2-Transferfunktion – damit ist er kompatibel mit dem gewohnten sRGB-Workflow, bietet aber eine etwa 25 % größere Farbfläche als sRGB (Apple, 2017).
Wide Color bedeutet: Farben, die im sRGB-Farbraum nicht codierbar sind – besonders gesättigte Rot-, Grün- und Orangetöne –, können auf P3-Displays tatsächlich dargestellt und in Medieninhalten gespeichert werden.
Erklärung
Farbraum-Hierarchie: sRGB → Display P3 → Rec.2020
sRGB: Der universelle Standard-Farbraum, eingeführt 1996 von HP und Microsoft. Deckt ca. 35 % der CIE-Normfarbtafel ab. Kompatibel mit nahezu allen Displays und Ausgabegeräten.
Display P3 (auch P3-D65): Deckt ca. 45 % der CIE-Normfarbtafel ab. Identische Primaries wie DCI-P3, aber mit D65-Weißpunkt für Consumer-Geräte. Enthält alle sRGB-Farben plus erweiterten Grün- und Rotbereich.
DCI-P3: Kino-Standard (Digital Cinema Initiatives), entwickelt für Kinoprojektoren. D63-Weißpunkt, 45 % der CIE-Normfarbtafel. Nicht direkt mit sRGB-Workflows kompatibel wegen abweichendem Weißpunkt.
Rec.2020: Der Ziel-Farbraum für Ultra HD und HDR. Deckt ca. 75 % der CIE-Normfarbtafel ab. Technisch machbar mit Laser-Displays und OLED, aber im Consumer-Bereich noch selten vollständig abgedeckt.
Die Hierarchie sRGB ⊂ Display P3 ⊂ Rec.2020 bedeutet: Alle sRGB-Farben sind in Display P3 enthalten, alle Display-P3-Farben sind in Rec.2020 enthalten.
Wide Color in iOS und macOS
Apple hat Wide Color tief ins Betriebssystem integriert. Core Graphics, Core Image und Metal unterstützen alle Extended-Farbräume intern. Das System verwendet Extended sRGB als internes Arbeitsfarbraum-Format: ein Farbraum, der identische Primaries und Gamme wie sRGB hat, aber Werte außerhalb von [0,1] erlaubt – damit können Display-P3-Farben mathematisch codiert werden.
UIKit/SwiftUI: Entwickler können Farben mit UIColor(displayP3Red:green:blue:alpha:) als Display-P3-Werte definieren. Das OS kümmert sich um die korrekte Darstellung auf P3-Displays und den Fallback auf sRGB für ältere Displays.
Safari und Web: CSS Color Level 4 unterstützt P3-Farben mit color(display-p3 r g b). Moderne Browser (Safari, Chrome, Firefox) rendern diese auf P3-Displays korrekt.
Medienformate mit Wide Color
HEIC (High Efficiency Image Format): Apples Standard-Bildformat unterstützt Wide Color. iPhone-Bilder werden nativ in HEIC mit eingebettetem Display-P3-Profil gespeichert.
HDR HEIC (iOS 14.1+): Kombiniert Wide Color mit HDR-Informationen (Gain Map) für kompatible Displays.
JPEG: Unterstützt eingebettete ICC-Profile; ein JPEG mit eingebettetem Display-P3-Profil wird von P3-fähigen Anwendungen korrekt als Wide-Color-Bild behandelt.
PNG: Unterstützt ICC-Profile. Für Web-Inhalte mit Wide Color geeignet, aber Unterstützung in Browsern muss geprüft werden.
P3 in der Praxis: Was ist sichtbar?
Die Farben, die im P3-Gamut liegen, aber nicht in sRGB, sind vor allem:
- Gesättigte Rottöne (z. B. leuchtende Mohnblume, rote LED)
- Gesättigte Grüntöne (z. B. frisches Gras, Smaragdgrün)
- Gesättigte Orangetöne (z. B. Sonnenuntergang, Flamme)
Der Unterschied ist besonders auf hochauflösenden OLED-Displays sichtbar. Auf günstigen Konsumenten-Displays mit schlechterer Gamut-Abdeckung ist der Unterschied weniger ausgeprägt.
Beispiele
Beispiel 1 – iPhone-Fotografie: Ein iPhone 15 Pro fotografiert einen Sonnenuntergang. Die Orange- und Rottöne werden im Display-P3-Farbraum gespeichert. Im macOS Vorschau-Programm werden diese auf einem P3-Display korrekt leuchtend dargestellt. Im Instagram-App (mangelhaftes Farbmanagement) werden die Farben auf sRGB geclippt und erscheinen flach.
Beispiel 2 – App-Design: Eine iOS-Designerin erstellt UI-Elemente in Figma mit aktiviertem P3-Farbraum. Buttons und Highlights nutzen Farben außerhalb von sRGB. Die Entwickler implementieren die Farben als UIColor(displayP3Red:). Das Ergebnis ist auf iPhone/iPad lebhafter als auf Android (sRGB-Standard).
Beispiel 3 – Web-Grafik: Ein Webdesigner erstellt ein Hero-Image in Photoshop und exportiert als JPEG mit eingebettetem Display-P3-Profil. In Safari auf einem MacBook Pro wird das Bild korrekt im vollen P3-Gamut dargestellt. In Chrome (ältere Version) oder auf einem sRGB-Monitor erscheinen die Farben gedämpft.
In der Praxis
Photoshop mit Display P3
In Photoshop kann Display P3 als Arbeitsfarbraum unter Bearbeiten → Farbeinstellungen → RGB-Arbeitsfarbraum gewählt werden. Für Wide-Color-Fotografie auf Apple-Displays ist dies die empfohlene Einstellung.
Beim Export: Datei → Exportieren → Für Web speichern (Veraltet) oder Datei → Exportieren → Exportieren als mit Option „Farbprofil einbetten". Ohne eingebettetes Profil behandeln Browser das Bild als sRGB.
Farbmanagement für App-Entwickler
Apple empfiehlt für alle App-Entwickler:
- Asset-Kataloge mit Wide-Color-Varianten bereitstellen
- Farben nicht als Hex-Werte (implizit sRGB) hardcoden, sondern als
UIColor(displayP3:) - Xcode-Farbauswahl nutzt automatisch Extended sRGB
- Überprüfung auf Simulator (Wide Color muss aktiviert sein) und echtem P3-Gerät
Wide Color in CSS
``css /* Modernes CSS: P3-Farbe mit sRGB-Fallback */ button { background-color: rgb(255, 0, 0); /* sRGB-Fallback */ background-color: color(display-p3 1 0 0); /* P3-Wide-Color */ } ``
Unterstützt von Safari 10+, Chrome 112+, Firefox 113+.
Vergleich & Abgrenzung
| Farbraum | Gamut-Fläche | Weißpunkt | Typischer Einsatz |
|---|---|---|---|
| sRGB | 35 % CIE | D65 | Web, Standard-Displays |
| Display P3 | 45 % CIE | D65 | Apple-Displays, Modern Web |
| DCI-P3 | 45 % CIE | D63 | Kino-Projektion |
| Adobe RGB | 50 % CIE | D65 | Profifotografie, Druck |
| Rec.2020 | 75 % CIE | D65 | HDR-TV, Zukunft |
Häufige Fragen (FAQ)
Soll ich für Web-Grafiken in P3 oder sRGB arbeiten? Für maximale Kompatibilität weiterhin sRGB. Für Apple-fokussierte Produkte (iOS Apps, Safari-Webseiten) lohnt sich P3. Wichtig: Immer Fallback für sRGB-Displays einbauen.
Verliere ich Wide-Color-Informationen beim JPEG-Export? Nicht, wenn das Profil eingebettet wird. JPEG selbst unterstützt keine HDR-Daten, aber Wide-Color-Informationen werden durch das eingebettete ICC-Profil transportiert.
Kann Android Wide Color darstellen? Android unterstützt Wide Color seit Android 8.0 (Oreo) für Apps, die es explizit anfordern. Die Systemunterstützung ist weniger konsequent implementiert als bei Apple.
Weiterführend
- Apple Inc. (2017). Wide Color: Best Practices. WWDC 2017 Session 821. Apple Developer Documentation.
- Poynton, C. (2012). Digital Video and HD: Algorithms and Interfaces (2. Aufl.). Morgan Kaufmann.
- Digital Cinema Initiatives (2021). DCI System Specification v1.4.3. www.dcimovies.com
- CSS Color Level 4: www.w3.org/TR/css-color-4
