kursetabel

CSS referencehåndbog

CSS egenskab

Valgfri kurser

Kursus anbefaling:

CodeW3C.coms skattekiste

CSS lab() funktion

Forrige side CSS invert() funktion
Næste side CSS lch() funktion
Gå tilbage til niveauet over CSS funktion referencehåndbog

definition og brug

CSS' lab() Funktioner specificerer farver i CIE Lab-farverummet. Dette farverum viser alle farver, som menneskets øjne kan se.

eksempler

Definere forskellige lab() Farve:

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

Prøv det selv

CSS syntaks

Absolut værdisprog

lab(L a b / A)

Værdi	Beskrivelse
L	Obligatorisk. Definerer lysstyrken for farven, som kan være et tal mellem 0 og 100 eller en procentdel. 0 (eller 0%) betyder sort, 100 (eller 100%) betyder hvid. Man kan også bruge none (som er lig med 0%).
a	Obligatorisk. Definerer et tal eller en procentdel mellem -125 og 125, eller mellem -100% og 100%. Definerer afstanden til farven langs a-aksen, hvilket angiver farvens rød-grøn grad. -125 betyder grøn, 125 betyder rød. Man kan også bruge none (som er lig med 0%).
b	Obligatorisk. Definerer et tal eller en procentdel mellem -125 og 125, eller mellem -100% og 100%. Definerer afstanden til farven langs b-aksen, hvilket angiver farvens gul-blå grad. -125 betyder blå, 125 betyder gul. Man kan også bruge none (som er lig med 0%).
/ A	Valgfri. Angiver værdien for farveens transparent kanal (0% (eller 0) betyder fuldstændig gennemsigtig, 100% (eller 100) betyder fuldstændigt uigennemsigtig). Man kan også bruge none (som betyder ingen transparent kanal). Standardværdien er 100%.

Relativ værdisprog

lab(from color L a b / A)

Værdi	Beskrivelse
from color	Begynder med nøglen from, efterfulgt af værdien for den oprindelige farve. Dette er den oprindelige farve, som relative farver er baseret på.
L	Obligatorisk. Definerer lysstyrken for farven, som kan være et tal mellem 0 og 100 eller en procentdel. 0 (eller 0%) betyder sort, 100 (eller 100%) betyder hvid. Man kan også bruge none (som er lig med 0%).
a	Obligatorisk. Definerer et tal eller en procentdel mellem -125 og 125, eller mellem -100% og 100%. Definerer afstanden til farven langs a-aksen, hvilket angiver farvens rød-grøn grad. -125 betyder grøn, 125 betyder rød. Man kan også bruge none (som er lig med 0%).
b	Obligatorisk. Definerer et tal eller en procentdel mellem -125 og 125, eller mellem -100% og 100%. Definerer afstanden til farven langs b-aksen, hvilket angiver farvens gul-blå grad. -125 betyder blå, 125 betyder gul. Man kan også bruge none (som er lig med 0%).
/ A	Valgfri. Angiver værdien for farveens transparent kanal (0% (eller 0) betyder fuldstændig gennemsigtig, 100% (eller 100) betyder fuldstændigt uigennemsigtig). Man kan også bruge none (som betyder ingen transparent kanal). Standardværdien er 100%.