Ein Farbmodell beschreibt Farben durch wenige Zahlenwerte: RGB durch die Anteile von Rot, Grün und Blau, CMYK durch Druckfarben, HSL durch Farbton, Sättigung und Helligkeit. Es legt fest, wie die Werte aufgebaut sind und zusammenhängen. Welche Farbe eine Zahl genau bedeutet, regelt erst der Farbraum.
- Farbmodell
Ein System, das Farben durch wenige Zahlenwerte beschreibt, etwa Rot-, Grün- und Blauanteil oder Farbton, Sättigung und Helligkeit.
Beispiel: „Im Farbmodell HSL lässt sich die Markenfarbe heller machen, ohne den Farbton zu verändern.“Abgrenzung zum Farbraum: Er verknüpft die Werte eines Modells mit messbaren Farben, über Grundfarben und Weißpunkt. RGB ist ein Modell, sRGB ein Farbraum.
Welche Farbmodelle es gibt
Additive Modelle wie RGB mischen Licht, subtraktive wie CMYK mischen Druckfarben. CSS Color 4 unterscheidet außerdem zylindrische und rechtwinklige Modelle: Zylindrische wie HSL und OKLCH beschreiben eine Farbe über einen Winkel für den Farbton, rechtwinklige wie Lab über Achsen.
Farbmodell und Farbraum
Ein Modell wird erst zum messbaren Farbraum, wenn seine Werte eindeutig mit dem Normvalenzsystem der CIE verknüpft sind. Dieses System hat die CIE 1931 eingeführt; seitdem lässt sich jede sichtbare Farbe in Zahlen fassen, unabhängig vom Gerät. Modelle mit dem Farbton als Winkel, HSL und HSV, entstanden erst 1978 für die Computergrafik.
Farbmodelle in CSS
Hexwerte, rgb(), hsl() und hwb() sind in CSS verschiedene Modelle für denselben Farbraum sRGB. Dieselbe Farbe lässt sich deshalb auf mehrere Arten schreiben:
.marke {
color: #0078ff;
color: rgb(0 120 255);
color: hsl(212 100% 50%);
}