kursetabel

CSS reference håndbog

CSS egenskab

Valgfri kurser

Anbefalet kursus:

CodeW3C.com's Urselebringskasse

CSS hwb() funktion

Forrige side CSS hue-rotate() funktion
Næste side CSS hypot() funktion
Gå tilbage et niveau CSS funktion reference håndbog

Definition og brug

CSS hwb() Funktionen bruger farvetone-hvidhed-sorthed-modelen (HWB) til at specificere farver. Det kan også tilføjes en valgfri transparenskanal (der repræsenterer farvens transparens).

Eksempel

Definere forskellige HWB(A) farver:

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

Prøv det selv

CSS-sprog

Absolut værdisprog

hwb(hue whiteness blackness / A)

Værdi	Beskrivelse
hue	Obligatorisk. Definerer vinklen på farvereden (0 til 360) - 0 (eller 360) er rød, 120 er grøn, 240 er blå. Man kan også bruge none (lige med 0deg).
whiteness	Obligatorisk. Definerer mængden af hvid i blandingen; 0% betyder ingen hvid, 100% betyder fuldstændig hvid. Man kan også bruge none (lige med 0%).
blackness	Obligatorisk. Definerer mængden af sort i blandingen; 0% betyder ingen sort, 100% betyder fuldstændig sort. Man kan også bruge none (lige med 0%).
/ A	Valgfri. Angiver værdien for farveens transparenthedskanal (0% (eller 0) betyder helt gennemsigtig, 100% (eller 100) betyder helt uigennemsigtig). Man kan også bruge none (som betyder ingen transparenthedskanal). Standardværdien er 100%.

Relativ værdisprog

hwb(from color whiteness blackness / A)

Værdi	Beskrivelse
from color	Begynder med fra, efterfulgt af en farveværdi, der repræsenterer den oprindelige farve. Dette er den oprindelige farve, som relativ farve er baseret på.
hue	Obligatorisk. Definerer vinklen på farvereden (0 til 360) - 0 (eller 360) er rød, 120 er grøn, 240 er blå. Man kan også bruge none (lige med 0deg).
whiteness	Obligatorisk. Definerer mængden af hvid i blandingen; 0% betyder ingen hvid, 100% betyder fuldstændig hvid. Man kan også bruge none (lige med 0%).
blackness	Obligatorisk. Definerer mængden af sort i blandingen; 0% betyder ingen sort, 100% betyder fuldstændig sort. Man kan også bruge none (lige med 0%).
/ A	Valgfri. Angiver værdien for farveens transparenthedskanal (0% (eller 0) betyder helt gennemsigtig, 100% (eller 100) betyder helt uigennemsigtig). Man kan også bruge none (som betyder ingen transparenthedskanal). Standardværdien er 100%.