CSS/Funktionen/hwb()

Die hwb()-Funktion erlaubt das Mischen von Farbton (englisch hue), Tönung (englisch whiteness) und Schattierung (englisch blackness) im RGB-Farbraum. Als optionaler 4. Parameter wird die Deckkraft durch den Transparenzwert des Alphakanals angegeben..

Parameter	H (hue): Farbton als ganzzahliger Wert zwischen 0 und 360 oder Winkelmaß. Bei diesem Wertebereich stellt man sich vor, dass die Regenbogenbogenfarben in einem Kreis angeordnet sind. 0 entspricht Rot, 120 entspricht grün, 240 entspricht blau und 360 entspricht wieder Rot. Es sind auch höhere und negative Werte erlaubt, diese Werte werden dann in eine Zahl innerhalb des genannten Bereiches umgewandelt. W (whiteness: Prozentwert B (blackness): Prozentwert Deckkraft: (optional) Fließkommazahl im Bereich 0 (keine Deckkraft, vollkommen transparent) bis 1 (volle Deckkraft, keine Transparenz)
anwendbar auf	alle Farbangaben
Browsersupport	caniuse: mdn-css_types_color_hwb

Beispiel

body {
  background: hwb(150 20% 10%); 
}

• hwb(150 20% 10%)
• hwb(45 40% 80%) Weiß und Schwarz ergeben zusammen 120. Es handelt sich also um eine unbunte Farbe, deren R-, G- und B-Komponenten 40 / 40 + 80 = 0,33 rgb(33.33% 33.33% 33.33%) betragen.

Weblinks

• 8. HWB Colors: hwb() function (csswg.org)

Siehe auch

• Farbe/Farbmodelle
  • hwb()-Funktion