kurssijärjestelmä

CSS viittauskäsikirja

CSS-ominaisuus

Valinnainen kurssi

Kurssivihje:

CodeW3C.com kikkakori

CSS oklab()-funktio

Edellinen sivu CSS mod() funktio
Seuraava sivu CSS oklch() funktio
Palaa ylös CSS funktioviittauskäsikirja

määrittely ja käyttö

CSS:n oklab() Funktiot määrittelevät värit OKLAB-värimaailmassa. Tämä värimaailma pyrkii simuloimaan ihmisen silmän värihavaintoja.

esimerkkejä

Määritellään erilaisia oklab() Väri:

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

Kokeile itse

CSS syntaksi

absoluuttinen arvo syntaksi

oklab(L a b / A)

arvo	kuvaus
L	Välttämätön. Määritä väriä tuntuvan kirkkauden arvo, joka voi olla luku 0:sta 1:een tai prosentti 0%:sta 100%:ään. 0 (tai 0%) merkitsee mustaa, 1 (tai 100%) merkitsee valkoista. Voit myös käyttää None (vastaa 0%).
a	Välttämätön. Määritä luku -0.4:stä 0.4:ään tai prosentti -100%:stä 100%:ään. Määritä väriä pitkin a-akselin etäisyys, joka ilmaisee väriä punaisen ja vihreän välillä. -0.4 merkitsee vihreää, 0.4 merkitsee punaista. Voit myös käyttää none (vastaa 0%).
b	Välttämätön. Määritä luku -0.4:stä 0.4:ään tai prosentti -100%:stä 100%:ään. Määritä väriä pitkin b-akselin etäisyys, joka ilmaisee väriä keltaisen ja sinisen välillä. -0.4 merkitsee sinistä, 0.4 merkitsee keltaista. Voit myös käyttää none (vastaa 0%).
/ A	Valinnainen. Ilmaisee värikanavan läpinäkyvyyden arvon (0% tai 0% merkitsee täysin läpinäkyvää, 100% tai 100% merkitsee täysin läpinäkyvää). Voit myös käyttää none (merkitsee läpinäkyvyyden kanavaa). Oletusarvo on 100%.

suhteellinen arvo syntaksi

oklab(from color L a b / A)

arvo	kuvaus
from color	Aloitetaan avainsanalla from, jonka jälkeen seuraa alkuperäisen värin arvo. Tämä on suhteellisen värin pohjana oleva alkuperäinen väri.
L	Välttämätön. Määritä väriä tuntuvan kirkkauden arvo, joka voi olla luku 0:sta 1:een tai prosentti 0%:sta 100%:ään. 0 (tai 0%) merkitsee mustaa, 1 (tai 100%) merkitsee valkoista. Voit myös käyttää none (vastaa 0%).
a	Välttämätön. Määritä luku -0.4:stä 0.4:ään tai prosentti -100%:stä 100%:ään. Määritä väriä pitkin a-akselin etäisyys, joka ilmaisee väriä punaisen ja vihreän välillä. -0.4 merkitsee vihreää, 0.4 merkitsee punaista. Voit myös käyttää none (vastaa 0%).
b	Välttämätön. Määritä luku -0.4:stä 0.4:ään tai prosentti -100%:stä 100%:ään. Määritä väriä pitkin b-akselin etäisyys, joka ilmaisee väriä keltaisen ja sinisen välillä. -0.4 merkitsee sinistä, 0.4 merkitsee keltaista. Voit myös käyttää none (vastaa 0%).
/ A	Valinnainen. Ilmaisee värikanavan läpinäkyvyyden arvon (0% tai 0% merkitsee täysin läpinäkyvää, 100% tai 100% merkitsee täysin läpinäkyvää). Voit myös käyttää none (merkitsee läpinäkyvyyden kanavaa). Oletusarvo on 100%.