CSS/Funktionen/hwb()

Browserunterstützung
caniuse.com

Die CSS-Funktion hwb() 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.

anwendbar auf

alle Farbangaben

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)

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.

Siehe auch

• Farbe/Farbmodelle
  • hwb()-Funktion

Weblinks

• 8. HWB Colors: hwb() function (csswg.org)
• Browser-Support: caniuse.com