Zum Inhalt springen

Display P3

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 11.11.2026

Display P3 ist ein Farbraum von Apple, der mehr gesättigte Grün- und Rottöne erfasst als sRGB. Er nutzt die Grundfarben des Kinostandards DCI-P3, aber den Weißpunkt und die Kennlinie von sRGB. Laut CSS Color 4 können moderne Bildschirme, Laptops und Smartphones den Farbraum ganz oder fast ganz darstellen.

Display P3

Ein Farbraum von Apple, der mehr gesättigte Grün- und Rottöne erfasst als sRGB.
Beispiel: „Auf dem Smartphone leuchtet der Button in Display P3 sichtbar kräftiger.“

Abgrenzung zu DCI-P3: Der Kinostandard hat dieselben Grundfarben, aber einen anderen Weißpunkt und eine andere Kennlinie. Display P3 übernimmt beides von sRGB.

Woher Display P3 kommt

Apple führte den Farbraum mit macOS 10.11.2 und iOS 9.3 ein, also Ende 2015 und Anfang 2016. Das International Color Consortium führt ihn in seinem Register mit Apple als verantwortlicher Organisation.

Wie viel größer Display P3 ist

Das hängt davon ab, wie man misst. Nach den Volumenangaben von CSS Color 4 ist Display P3 etwa anderthalbmal so groß wie sRGB. Als Fläche im Normfarbdiagramm sind es etwa 36 Prozent mehr. Gleich sind die blaue Ecke und der Weißpunkt, der Zugewinn liegt bei Grün und Rot.

Die hufeisenförmige Fläche aller sichtbaren Farben, darin ein Dreieck für sRGB und ein größeres, gestricheltes für Display P3, das bei Grün und Rot weiter hinausreicht.
Das gestrichelte Dreieck ist Display P3; es reicht bei Grün und Rot über sRGB hinaus.

Display P3 in CSS

CSS spricht Display P3 über color(display-p3 …) an. Weil ältere Bildschirme nur sRGB zeigen, steht davor ein sRGB-Wert als Rückfall, und die Abfrage color-gamut schaltet den kräftigeren Wert nur dort zu, wo er ankommt.

.cta {
  background: #ff2d2d;
}

@media (color-gamut: p3) {
  .cta { background: color(display-p3 1 0.15 0.15); }
}

Siehe auch:

sRGB

Der Standard-Farbraum des Webs, 1996 von HP und Microsoft vorgeschlagen und seit 1999 als IEC 61966-2-1 genormt.

#Gestaltungsgrundlagen

Farbraum

Die genau festgelegte Menge an Farben, die ein System darstellen kann, mit messbarer Bedeutung für jeden Farbwert.

#Gestaltungsgrundlagen

OKLCH (moderner CSS-Farbraum)

Ein Farbraum für CSS, der Farben über wahrgenommene Helligkeit, Buntheit und Farbton beschreibt.

#Gestaltungsgrundlagen

RGB (Rot, Grün, Blau)

Das additive Farbmodell der Bildschirme, das Farben aus rotem, grünem und blauem Licht mischt.

#Gestaltungsgrundlagen

Farbwerte in CSS (Hex, RGB, HSL)

Vier Schreibweisen für dieselbe Farbe.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Gestaltungsgrundlagen