kursplan

CSS referens manual

CSS egenskap

Valfria kurser

Kursrekommendation:

CodeW3C.com presentatortillbehör

CSS oklab() funktion

Föregående sida CSS mod() funktion
Nästa sida CSS oklch() funktion
Gå tillbaka till föregående nivå CSS funktion referens manual

Definition och användning

CSS oklab() Funktioner används för att specificera färger i OKLAB-färgutrymmet. Detta färgutrymme är avsett att simulera människans uppfattning av färg.

exempel

Definiera olika oklab() Färg:

#p1 {background-color:oklab(0 40% 20% / 0.5);}
#p2 {background-color:oklab(0.3 -40% -20%);}
#p3 {background-color:oklab(0.4 30% -20% / 20%);}
#p4 {background-color:oklab(0.5 60% 20%);}
#p5 {background-color:oklab(0.6 50% -10%);}
#p4 {background-color:oklab(0.5 60% 20%);}
#p5 {background-color:oklab(0.6 50% -10%);}
#p6 {background-color:oklab(0.7 70% -80% / 0.3);}
#p7 {background-color:oklab(0.8 70% 20% / 0.5);}

#p8 {background-color:oklab(0.9 80% -20%);}

#p9 {background-color:oklab(1 90% -100%);}

Prova själv

CSS-syntaxDetta är den ursprungliga färgen som relativa färger är baserade på. Obligatoriskt. Man kan också använda none (likamed 0%). b / Aoklab(from

)	Värde
Detta är den ursprungliga färgen som relativa färger är baserade på.	L Obligatoriskt. Definierar färgens upplevda ljusstyrka, vilket kan vara ett tal mellan 0 och 1 eller en procentsats mellan 0% och 100%. Absolut värdesyntax
Obligatoriskt. Man kan också använda none (likamed 0%).	Obligatoriskt. Definierar ett tal eller en procentsats mellan -0.4 och 0.4, eller mellan -100% och 100%. Definierar avståndet för färgen längs a-axeln, vilket representerar färgens rött-grönt nivå. -0.4 representerar grönt, 0.4 representerar rött. Man kan också använda none (likamed 0%).
b	Obligatoriskt. Definierar ett tal eller en procentsats mellan -0.4 och 0.4, eller mellan -100% och 100%. Definierar avståndet för färgen längs b-axeln, vilket representerar färgens gult-blått nivå. -0.4 representerar blått, 0.4 representerar gult. Man kan också använda none (likamed 0%).
/ A	Valfritt. Representerar färgens genomskinlighet. 0% (eller 0) betyder helt genomskinlig, 100% (eller 100) betyder helt opåverkad. Man kan också använda none (som betyder ingen genomskinlighet). Standardvärdet är 100%.

Man kan också använda None (likamed 0%).

Relativ värdesyntax from Detta är den ursprungliga färgen som relativa färger är baserade på. Obligatoriskt. Man kan också använda none (likamed 0%). b / Aoklab(from

)	Värde
Beskrivning from	color Börjar med nyckelordet from, följt av färgvärdet för den ursprungliga färgen.
Detta är den ursprungliga färgen som relativa färger är baserade på.	L Obligatoriskt. Definierar färgens upplevda ljusstyrka, vilket kan vara ett tal mellan 0 och 1 eller en procentsats mellan 0% och 100%. 0 (eller 0%) representerar svart, 1 (eller 100%) representerar vitt.
Obligatoriskt. Man kan också använda none (likamed 0%).	Obligatoriskt. Definierar ett tal eller en procentsats mellan -0.4 och 0.4, eller mellan -100% och 100%. Definierar avståndet för färgen längs a-axeln, vilket representerar färgens rött-grönt nivå. -0.4 representerar grönt, 0.4 representerar rött. Man kan också använda none (likamed 0%).
b	Obligatoriskt. Definierar ett tal eller en procentsats mellan -0.4 och 0.4, eller mellan -100% och 100%. Definierar avståndet för färgen längs b-axeln, vilket representerar färgens gult-blått nivå. -0.4 representerar blått, 0.4 representerar gult. Man kan också använda none (likamed 0%).
/ A	Valfritt. Representerar färgens genomskinlighet. 0% (eller 0) betyder helt genomskinlig, 100% (eller 100) betyder helt opåverkad. Man kan också använda none (som betyder ingen genomskinlighet). Standardvärdet är 100%.