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 der 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.
Verwandte Einträge
- Display P3 & Wide Color
- DCI-P3 und Display P3, Kinofarbraum und Apple-Standard
- ICC-Profile & Farbprofile
- HDR-Farbmanagement
- Monitor-Kalibrierung, Farbgenaue Darstellung am Bildschirm
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
