kurstillfäll

CSS reference manual

CSS egenskaper

Valfria kurser

Kursrekommendation:

CodeW3C.com etska box

CSS lab() funktion

Föregående sida CSS invert() funktion
Nästa sida CSS lch() funktion
Gå tillbaka till föregående nivå CSS function reference manual

Definition och användning

CSS: lab() Funktioner specificerar färger i CIE Lab-färgutrymmet. Detta färgutrymme representerar alla färger som människans öga kan se.

exempel

Definiera olika lab() Färg:

#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%);}

Prova själv

CSS-syntax

Absolut värdesyntax

lab(L a b / A)

Värde	Beskrivning
L	Obligatoriskt. Definiera färgens ljushet, vilket kan vara ett nummer mellan 0 och 100 eller en procentandel. 0 (eller 0%) representerar svart, 100 (eller 100%) representerar vitt. Man kan också använda none (ekvivalent med 0%).
a	Obligatoriskt. Definiera ett nummer mellan -125 och 125 eller en procentandel mellan -100% och 100%. Definiera färgens avstånd längs a-axeln, vilket representerar färgens röd-gröngrad. -125 representerar grönt, 125 representerar rött. Man kan också använda none (ekvivalent med 0%).
b	Obligatoriskt. Definiera ett nummer mellan -125 och 125 eller en procentandel mellan -100% och 100%. Definiera färgens avstånd längs b-axeln, vilket representerar färgens gult-blåttgrad. -125 representerar blått, 125 representerar gult. Man kan också använda none (ekvivalent med 0%).
/ A	Valfritt. Representerar färgens genomskinlighetshårdighet (0% eller 0 representerar helt genomskinlig, 100% eller 100 representerar helt opåverkad). Man kan också använda none (som representerar ingen genomskinlighet). Standardvärdet är 100%.

Relativ värdesyntax

lab(from color L a b / A)

Värde	Beskrivning
from color	Börjar med nyckelordet from, följt av färgvärdet som representerar den ursprungliga färgen. Detta är den ursprungliga färgen som relativa färger är baserade på.
L	Obligatoriskt. Definiera färgens ljushet, vilket kan vara ett nummer mellan 0 och 100 eller en procentandel. 0 (eller 0%) representerar svart, 100 (eller 100%) representerar vitt. Man kan också använda none (ekvivalent med 0%).
a	Obligatoriskt. Definiera ett nummer mellan -125 och 125 eller en procentandel mellan -100% och 100%. Definiera färgens avstånd längs a-axeln, vilket representerar färgens röd-gröngrad. -125 representerar grönt, 125 representerar rött. Man kan också använda none (ekvivalent med 0%).
b	Obligatoriskt. Definiera ett nummer mellan -125 och 125 eller en procentandel mellan -100% och 100%. Definiera färgens avstånd längs b-axeln, vilket representerar färgens gult-blåttgrad. -125 representerar blått, 125 representerar gult. Man kan också använda none (ekvivalent med 0%).
/ A	Valfritt. Representerar färgens genomskinlighetshårdighet (0% eller 0 representerar helt genomskinlig, 100% eller 100 representerar helt opåverkad). Man kan också använda none (som representerar ingen genomskinlighet). Standardvärdet är 100%.