Zum Inhalt springen

Farbraum

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

Ein Farbraum ist die genau festgelegte Menge an Farben, die ein System darstellen kann, mit einer messbaren Bedeutung für jeden Farbwert. Er legt die Grundfarben, den Weißpunkt und die Kennlinie fest. Erst damit bedeutet ein Wert wie rgb(255 0 0) auf jedem Gerät dasselbe Rot.

Farbraum

Die genau festgelegte Menge an Farben, die ein System darstellen kann, mit messbarer Bedeutung für jeden Farbwert.
Beispiel: „Die Fotos sind im Farbraum sRGB gespeichert, damit sie in jedem Browser gleich aussehen.“

Abgrenzung zum Farbmodell: Es beschreibt nur, wie die Werte aufgebaut sind. Der Farbraum sagt, welche Farbe sie meinen.

Abgrenzung zum Gamut: So heißt der Umfang an Farben, den ein Gerät tatsächlich erzeugen kann, etwa ein Bildschirm.

Woraus ein Farbraum besteht

Die CIE beschreibt einen Farbraum als geometrische Darstellung der Farben, meist in drei Dimensionen. Für RGB-Farbräume nennt CSS Color 4 die Bestimmungsstücke: die Normfarbwerte der drei Grundfarben und des Weißpunkts. Im Normfarbdiagramm erscheint ein solcher Farbraum als Dreieck.

Die hufeisenförmige Fläche aller sichtbaren Farben, darin ein kleineres Dreieck für sRGB und ein etwas größeres für Display P3. Beide teilen den Weißpunkt D65 und die blaue Ecke.
Jeder Farbraum ist ein Dreieck im Normfarbdiagramm; was außerhalb liegt, kann er nicht darstellen.

Wie groß Farbräume sind

CSS Color 4 gibt das Volumen in Millionen Lab-Einheiten an: sRGB 0,82, Display P3 1,23, Rec. 2020 2,04 und ProPhoto RGB 2,90. Aussagen wie Display P3 zeige 25 Prozent mehr Farben hängen davon ab, wie man misst; ohne Angabe der Messgröße sind sie nicht aussagekräftig.

Farbräume in CSS

Mit color() lässt sich der Farbraum ausdrücklich angeben, mit @media (color-gamut: p3) fragt eine Seite ab, ob der Bildschirm mehr als sRGB darstellen kann.

.akzent { color: color(srgb 0 0.47 1); }

@media (color-gamut: p3) {
  .akzent { color: color(display-p3 0 0.45 1); }
}

Siehe auch:

Farbmodell

Ein System, das Farben durch wenige Zahlenwerte beschreibt, etwa Rot-, Grün- und Blauanteil oder Farbton, Sättigung und Helligkeit.

#Gestaltungsgrundlagen

sRGB

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

#Gestaltungsgrundlagen

Display P3

Ein Farbraum von Apple, der mehr gesättigte Grün- und Rottöne erfasst als sRGB und den heutige Bildschirme fast vollständig zeigen.

#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