kurssijärjestelmä

CSS viittausopas

CSS-ominaisuus

Valinnainen kurssi

Kurssivihje:

CodeW3C.com kattotyökalu

CSS lab()-funktio

Edellinen sivu CSS invert() funktio
Seuraava sivu CSS lch() funktio
Palaa ylös CSS funktio viittausopas

määrittely ja käyttö

CSS:n lab() Funktiot määrittelevät värit CIE Lab-väriavaruudessa. Tämä väriavaruus edustaa ihmisen silmän näkemää kaikkea väriä.

esimerkkejä

Määritä erilaisia lab() Väri:

#p1 {taustaväri:lab(0 40% 20% / 0.5);}
#p2 {taustaväri: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%);}

Kokeile itse

CSS syntax

Absoluuttinen arvo syntax

lab(L a b / A)

Arvo	Kuvaus
L	Välttämätön. Määrittää väriä kirkkauden, joka voi olla 0:sta 100:een välisen luvun tai prosentin. 0 (tai 0%) edustaa mustaa, 100 (tai 100%) valkoista. Voit myös käyttää none (vastaa 0%).
a	Välttämätön. Määrittää -125:een ja 125:een välisen luvun tai -100%:een ja 100%:een välisen prosentin. Määrittää väriä pitkin a-akselin etäisyyttä, mikä ilmaisee väriä punaisuuden suhteen. -125 edustaa vihreää, 125 punaista. Voit myös käyttää none (vastaa 0%).
b	Välttämätön. Määrittää -125:een ja 125:een välisen luvun tai -100%:een ja 100%:een välisen prosentin. Määrittää väriä pitkin b-akselin etäisyyttä, mikä ilmaisee väriä keltaisuuden suhteen. -125 edustaa sinistä, 125 keltaista. Voit myös käyttää none (vastaa 0%).
/ A	Valinnainen. Ilmaisee värikanavan läpinäkyvyyden arvon (0% tai 0 ilmoittaa täysin läpinäkyvän, 100% tai 100 täysin läpinäkyvän). Voit myös käyttää none (ilmaisee läpinäkyvyyden kanavan). Oletusarvo on 100%.

Suhteellinen arvo syntax

lab(from color L a b / A)

Arvo	Kuvaus
from color	Aloitetaan avainsanalla from, jonka jälkeen seuraa alkuperäisen väriarvon määrittäminen. Tämä on suhteellisten värien pohjana oleva alkuperäinen väri.
L	Välttämätön. Määrittää väriä kirkkauden, joka voi olla 0:sta 100:een välisen luvun tai prosentin. 0 (tai 0%) edustaa mustaa, 100 (tai 100%) valkoista. Voit myös käyttää none (vastaa 0%).
a	Välttämätön. Määrittää -125:een ja 125:een välisen luvun tai -100%:een ja 100%:een välisen prosentin. Määrittää väriä pitkin a-akselin etäisyyttä, mikä ilmaisee väriä punaisuuden suhteen. -125 edustaa vihreää, 125 punaista. Voit myös käyttää none (vastaa 0%).
b	Välttämätön. Määrittää -125:een ja 125:een välisen luvun tai -100%:een ja 100%:een välisen prosentin. Määrittää väriä pitkin b-akselin etäisyyttä, mikä ilmaisee väriä keltaisuuden suhteen. -125 edustaa sinistä, 125 keltaista. Voit myös käyttää none (vastaa 0%).
/ A	Valinnainen. Ilmaisee värikanavan läpinäkyvyyden arvon (0% tai 0 ilmoittaa täysin läpinäkyvän, 100% tai 100 täysin läpinäkyvän). Voit myös käyttää none (ilmaisee läpinäkyvyyden kanavan). Oletusarvo on 100%.