kurssisuunnitelma

CSS viittauskäsikirja

CSS-ominaisuus

Valinnainen kurssi

Kurssivihje:

CodeW3C.com kikkakori

CSS hwb() -funktio

Määrittely ja käyttö

CSS:n hwb() Funktiota käytetään sävy-vaaleus-sinisyys-mallissa (HWB) määrittämään värejä. Voit myös lisätä valinnaisen läpinäkyvyyden kanavan (värejän läpinäkyvyyden ilmentämiseksi).

Esimerkki

Määritä erilaisia HWB(A) -värejä:

#p1 {background-color:hwb(60 40% 20% / 0.5);}
#p2 {background-color:hwb(120 40% 20%);}
#p3 {background-color:hwb(120 40% 20% / 20%);}
#p4 {background-color:hwb(240 40% 20%);}
#p5 {background-color:hwb(240 50% 10%);}
#p6 {background-color:hwb(240 40% 20% / 0.3);}
#p7 {background-color:hwb(300 40% 20% / 0.5);}
#p8 {background-color:hwb(360 40% 20%);}
#p9 {background-color:hwb(360 90% 0%);}

Kokeile itse

CSS syntax

Absoluuttinen arvo syntax

hwb(hue whiteness blackness / A)

arvo	kuvaus
hue	Välttämätön. Määrittelee akselilla olevan kulman (0-360) - 0 (tai 360) on punainen, 120 on vihreä, 240 on sininen. Voit myös käyttää none (equivalentti 0deg).
whiteness	Välttämätön. Määrittelee sekotuksen valkeuden; 0% merkitsee valkeuden puuttumista, 100% merkitsee täysin valkeaa. Voit myös käyttää none (equivalentti 0%).
blackness	Välttämätön. Määrittelee sekotuksen mustavuuden; 0% merkitsee mustavuuden puuttumista, 100% merkitsee täysin mustaa. Voit myös käyttää none (equivalentti 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 syntax

hwb(from color whiteness blackness / A)

arvo	kuvaus
from color	Aloitetaan avainsanalla from, jonka jälkeen seuraa alkuperäisen väriarvon määrittely. Tämä on suhteellisten värien pohjana oleva alkuperäinen väri.
hue	Välttämätön. Määrittelee akselilla olevan kulman (0-360) - 0 (tai 360) on punainen, 120 on vihreä, 240 on sininen. Voit myös käyttää none (equivalentti 0deg).
whiteness	Välttämätön. Määrittelee sekotuksen valkeuden; 0% merkitsee valkeuden puuttumista, 100% merkitsee täysin valkeaa. Voit myös käyttää none (equivalentti 0%).
blackness	Välttämätön. Määrittelee sekotuksen mustavuuden; 0% merkitsee mustavuuden puuttumista, 100% merkitsee täysin mustaa. Voit myös käyttää none (equivalentti 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%.