Lehrplan

CSS-Referenzhandbuch

CSS-Eigenschaft

Wahlpflichtkurse

Kursempfehlung:

CodeW3C.com Taschengeldkiste

CSS lab() Funktion

Vorherige Seite CSS invert() Funktion
Nächste Seite CSS lch() Funktion
Zurück zur übergeordneten Ebene CSS-Funktion-Referenzhandbuch

Definition und Verwendung

CSS- lab() Die Funktion legt Farben im CIE Lab-Farbraum fest. Dieser Farbraum stellt alle sichtbaren Farben des menschlichen Auges dar.

Beispiele

Definieren Sie verschiedene lab() Farbe:

#p1 {background-color:lab(0 40% 20% / 0.5);}
#p2 {background-color:lab(30 -40% -20%);}
#p3 {background-color:lab(40 30% -20% / 20%);}
#p4 {background-color:lab(50 60% 20%);}
#p5 {background-color:lab(60 50% -10%);}
#p6 {background-color:lab(70 70% -80% / 0.3);}
#p7 {background-color:lab(80 70% 20% / 0.5);}
#p8 {background-color:lab(90 80% -20%);}
#p9 {background-color:lab(100 90% -100%);}

Selbst ausprobieren

CSS-Syntax

Syntax der absoluten Werte

lab(L a b / A)

Wert	Beschreibung
L	Notwendig. Definiert die Helligkeit der Farbe, die eine Zahl oder einen Prozentsatz zwischen 0 und 100 sein kann. 0 (oder 0%) bedeutet Schwarz, 100 (oder 100%) bedeutet Weiß. Man kann auch none (was dem 0% entspricht) verwenden.
a	Notwendig. Definiert eine Zahl zwischen -125 und 125 oder einen Prozentsatz zwischen -100% und 100%. Definiert den Abstand der Farbe entlang der a-Achse, was den Rot-Grün-Farbton der Farbe darstellt. -125 bedeutet Grün, 125 bedeutet Rot. Man kann auch none (was dem 0% entspricht) verwenden.
b	Notwendig. Definiert eine Zahl zwischen -125 und 125 oder einen Prozentsatz zwischen -100% und 100%. Definiert den Abstand der Farbe entlang der b-Achse, was den Gelb-Blau-Farbton der Farbe darstellt. -125 steht für Blau, 125 für Gelb. Man kann auch none (was dem 0% entspricht) verwenden.
/ A	Optional. Der Wert des Transparenzkanales der Farbe (0% oder 0 bedeutet vollkommen transparent, 100% oder 100 bedeutet vollkommen undurchsichtig). Man kann auch none (was für keine Transparenzkanaele steht) verwenden. Standardwert ist 100%.

Syntax der relativen Werte

lab(from color L a b / A)

Wert	Beschreibung
from color	Fängt mit dem Schlüsselwort from an, gefolgt von dem Wert der ursprünglichen Farbe. Dies ist die ursprüngliche Farbe, auf der der relative Farbton basiert.
L	Notwendig. Definiert die Helligkeit der Farbe, die eine Zahl oder einen Prozentsatz zwischen 0 und 100 sein kann. 0 (oder 0%) bedeutet Schwarz, 100 (oder 100%) bedeutet Weiß. Man kann auch none (was dem 0% entspricht) verwenden.
a	Notwendig. Definiert eine Zahl zwischen -125 und 125 oder einen Prozentsatz zwischen -100% und 100%. Definiert den Abstand der Farbe entlang der a-Achse, was den Rot-Grün-Farbton der Farbe darstellt. -125 steht für Grün, 125 für Rot. Man kann auch none (was dem 0% entspricht) verwenden.
b	Notwendig. Definiert eine Zahl zwischen -125 und 125 oder einen Prozentsatz zwischen -100% und 100%. Definiert den Abstand der Farbe entlang der b-Achse, was den Gelb-Blau-Farbton der Farbe darstellt. -125 steht für Blau, 125 für Gelb. Man kann auch none (was dem 0% entspricht) verwenden.
/ A	Optional. Der Wert des Transparenzkanales der Farbe (0% oder 0 bedeutet vollkommen transparent, 100% oder 100 bedeutet vollkommen undurchsichtig). Man kann auch none (was für keine Transparenzkanaele steht) verwenden. Standardwert ist 100%.