Display P3 ist ein erweiterter Farbraum, der rund 25 % mehr Farben darstellen kann als sRGB – insbesondere in den gesättigten Rot- und Grünbereichen – und ist Standard auf modernen Apple-, High-End-Android- und vielen Profi-Monitoren.
Rubrik: Grundlagen-Gestaltung · Unterrubrik: Farbmanagement · Niveau: Fortgeschritten Synonyme / Auch bekannt als: P3, Apple P3, Display P3, Wide Color Gamut, Wide Gamut, WCG
Was ist Display P3?
Display P3 ist ein Farbraum, der die Primärvalenzen des Kino-Standards DCI-P3 mit dem Weißpunkt D65 und der sRGB-Gamma-Kurve kombiniert. Er wurde 2015 von Apple als Standard für iPhone, iPad, Mac und Apple TV eingeführt und ist heute der praktische Wide-Color-Standard für Endgeräte.
Erklärung
Über Jahrzehnte war sRGB der gemeinsame Nenner für Monitore, Webgrafiken und die meisten Drucksachen. Er deckt etwa 35 % des für den Menschen sichtbaren Farbbereichs ab – ausreichend für klassische Office-Anwendungen und Standard-Fotografie, aber sichtbar begrenzt bei knalligen Sonnenuntergängen, satten Pflanzen-Grüntönen und tiefen Magenta-Pinks. Mit der Verbreitung von OLED- und IPS-Wide-Gamut-Panels brauchte es einen neuen Standard, der mehr Farben sichtbar macht, ohne gleich in den extrem großen Rec.2020-Raum zu springen.
Display P3 ist dieser Mittelweg. Er übernimmt die drei Primärfarben aus DCI-P3, dem Standard digitaler Kinoprojektoren, und kombiniert sie mit dem Weißpunkt D65 (statt DCI-P3-Theater-Weißpunkt) und einer sRGB-ähnlichen Gamma-Kurve (≈2.2). Das Ergebnis: ein Farbraum, der signifikant mehr gesättigte Rot- und Grüntöne darstellt als sRGB, aber technisch noch handhabbar bleibt – Apple, Google, Adobe und die meisten Browser unterstützen ihn nativ.
In der Praxis bedeutet das: Ein iPhone-Display oder ein neuer MacBook-Bildschirm kann Farben anzeigen, die ein klassischer sRGB-Monitor schlicht abschneidet. Wer Bilder im P3-Raum bearbeitet und mit dem entsprechenden ICC-Profil speichert, behält diese sattere Wirkung auch auf kompatiblen Geräten. Auf alten sRGB-Geräten wird das Bild korrekt heruntergerechnet, ohne Banding – Voraussetzung: korrekte Embedding-Profile und ein farbgemanagtes Browser-/OS-Setup.
Wichtig zu verstehen: Display P3 ist kein HDR. Er erweitert die Farbbreite (Chromacity), nicht den Dynamikumfang (Helligkeit). Für echtes HDR braucht es zusätzlich Rec.2020 oder die HDR-Standards HDR10 / Dolby Vision in Kombination mit P3-Subset und PQ/HLG-Kurven.
Beispiele
- iPhone-Foto Sonnenuntergang: Die kräftigen Orange-, Rot- und Magentatöne wirken auf einem P3-Display deutlich satter und glaubwürdiger als auf einem reinen sRGB-Monitor.
- Webdesign mit `color(display-p3 1 0 0)`: Moderne CSS-Color-Syntax erlaubt Pure-P3-Rot, das auf Wide-Gamut-Displays brillanter erscheint als
#FF0000. - Photoshop-Workflow mit P3-Profil: Eine Werbekampagne wird im P3-Raum gegradet, exportiert für Web (P3 + sRGB-Fallback) und Print (CMYK FOGRA51).
- Apple ProRAW vs. Standard JPEG: ProRAW speichert P3, JPEG-Modus oft sRGB – Unterschied auf P3-Display deutlich sichtbar.
- Figma-Design mit P3: Figma unterstützt seit 2022 P3-Color-Profiles, sodass UI-Designs auf modernen Displays die volle Sättigung zeigen.
- YouTube-Thumbnail: Wer P3-Farben in das Thumbnail-PNG einbettet, sieht auf iOS sattere Farben als bei sRGB-Konkurrenten.
In der Praxis
Wer mit Display P3 arbeitet, muss zwei Dinge beachten: Workflow-Profile und Fallback. Workflow: In Photoshop, Lightroom, Capture One und Affinity unter Color Settings den Working Space auf „Display P3" stellen, Bilder mit eingebettetem Profil speichern (idealerweise als 16-Bit-PNG, HEIF oder JPEG mit korrektem ICC). Im Web: HTML5 und alle modernen Browser unterstützen P3-Bilder, aber Bilder ohne eingebettetes Profil werden oft fälschlich als sRGB interpretiert – also immer Profil mit speichern.
Fallback: Nicht jedes Endgerät ist P3-fähig. Auf alten sRGB-Displays werden P3-Farben durch das Color Management automatisch in sRGB übersetzt – Voraussetzung ist ein farbgemanagtes Browser-Setup (Chrome, Safari, Firefox tun das alle korrekt, wenn das ICC-Profil eingebettet ist). Wer auf Nummer sicher gehen will, kann mit der CSS-Funktion @media (color-gamut: p3) zwei Bildvarianten ausspielen. Profis kalibrieren ihren Monitor regelmäßig auf P3-Hardware-Mode (X-Rite i1Display Pro, Calibrite Display Plus HL); ohne Kalibrierung ist die theoretisch erweiterte Farbbreite nicht zuverlässig nutzbar.
Vergleich & Abgrenzung
| Merkmal | Display P3 | sRGB | DCI-P3 | Rec.2020 |
|---|---|---|---|---|
| Coverage (CIE 1931) | ~45 % | ~35 % | ~45 % | ~75 % |
| Weißpunkt | D65 | D65 | DCI-Theater (Custom) | D65 |
| Gamma | ≈2.2 (sRGB-Kurve) | ≈2.2 | 2.6 | 2.4 / PQ |
| Hauptanwendung | Endgeräte, Web, Foto | Web, Office | Kinoprojektion | HDR-Streaming, Future-TV |
| Verbreitung | Apple, High-End-Android, viele Monitore | Universell | Spezifisch Kino | Begrenzt, im Aufbau |
Display P3 und DCI-P3 sind nicht dasselbe. P3-DCI ist der Kino-Original mit Theater-Weißpunkt und Gamma 2.6 – für Endgeräte ungeeignet. Display P3 ist die für Bildschirme adaptierte Version mit D65 und sRGB-Kurve.
Häufige Fragen (FAQ)
Muss ich für Display P3 alle meine Bilder neu bearbeiten? Nein. Alte sRGB-Bilder werden auf P3-Displays weiterhin korrekt angezeigt, da Color Management sie automatisch in den größeren Raum mappt. Wer aber zukünftig satter wirkende Bilder will – besonders bei Foto, Bewegtbild und Branding – sollte zumindest neue Bilder im P3-Workflow bearbeiten und mit Profil speichern.
Funktioniert Display P3 in jedem Browser? Aktuelle Versionen von Safari, Chrome, Firefox und Edge unterstützen Display P3 vollständig. Voraussetzung ist ein eingebettetes ICC-Profil im Bild und ein P3-fähiges Display. Bei nicht-P3-Displays fällt das Bild automatisch in sRGB-Mapping – ohne dass die Designerin etwas tun muss, sofern Profile korrekt eingebettet sind.
Lohnt sich der Aufwand für klassischen Webdesign-Output? Für corporate UI mit Standardfarben (Logo, Buttons) eher nicht – sRGB reicht. Für Foto-, Mode-, Beauty-, Reise- und Lifestyle-Content lohnt sich der Aufwand deutlich, weil die Zielgruppen großteils auf P3-Geräten (iPhones, MacBooks) konsumieren und der visuelle Unterschied direkt wahrnehmbar ist.
Weiterführend
- Apple Developer (2024): Display P3 Color Space. developer.apple.com
- ITU-R BT.2020 (2015): Parameter values for ultra-high definition television systems. ITU
- W3C (2024): CSS Color Module Level 4 – Predefined Color Spaces. w3.org
- Selan, Jeremy (2020): Cinematic Color – From Your Monitor to the Big Screen. VES Whitepaper
