cursusrooster

CSS Reference Manual

CSS-eigenschap

Optieel vak

Aanbevolen cursus:

CodeW3C.com schatkist

CSS hwb() functie

Vorige pagina CSS hue-rotate() functie
Volgende pagina CSS hypot() functie
Terug naar het vorige niveau CSS Function Reference Manual

definitie en gebruik

CSS van hwb() De functie gebruikt het toon-wit-zwart model (HWB) om kleuren te specificeren. Een optionele transparantie kan ook worden toegevoegd (die de transparantie van de kleur aangeeft).

Voorbeeld

Definieer verschillende HWB(A) kleuren:

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

probeer het zelf uit

CSS syntaxis

absoluut waarde syntaxis

hwb(hue whiteness blackness / A)

waarde	beschrijving
hue	verplicht. Definieert het hoek op de kleurenwiel (0 tot 360) - 0 (of 360) is rood, 120 is groen, 240 is blauw. none (equivalent aan 0deg) kan ook worden gebruikt.
whiteness	verplicht. Definieert de witheid van het mengen; 0% betekent geen witheid, 100% betekent volledige witheid. none (equivalent aan 0%) kan ook worden gebruikt.
blackness	verplicht. Definieert de donkerte van het mengen; 0% betekent geen donkerte, 100% betekent volledige donkerte. none (equivalent aan 0%) kan ook worden gebruikt.
/ A	optioneel. Het waarde van het transparantie kanal van de kleur (0% of 0 betekent volledig transparant, 100% of 100 betekent volledig ondoorzichtig). none (wat geen transparantie kanalen betekent) kan ook worden gebruikt. de standaardwaarde is 100%.

relatieve waarde syntaxis

hwb(from color whiteness blackness / A)

waarde	beschrijving
from color	beginnend met het keyword from, gevolgd door de kleurwaarde die de oorspronkelijke kleur vertegenwoordigt. Dit is de oorspronkelijke kleur die de relatieve kleur op basis van is.
hue	verplicht. Definieert het hoek op de kleurenwiel (0 tot 360) - 0 (of 360) is rood, 120 is groen, 240 is blauw. none (equivalent aan 0deg) kan ook worden gebruikt.
whiteness	verplicht. Definieert de witheid van het mengen; 0% betekent geen witheid, 100% betekent volledige witheid. none (equivalent aan 0%) kan ook worden gebruikt.
blackness	verplicht. Definieert de donkerte van het mengen; 0% betekent geen donkerte, 100% betekent volledige donkerte. none (equivalent aan 0%) kan ook worden gebruikt.
/ A	optioneel. Het waarde van het transparantie kanal van de kleur (0% of 0 betekent volledig transparant, 100% of 100 betekent volledig ondoorzichtig). none (wat geen transparantie kanalen betekent) kan ook worden gebruikt. de standaardwaarde is 100%.