CSS/Funktionen/hwb()

Aus SELFHTML-Wiki
< CSS‎ | Funktionen(Weitergeleitet von Hwb())
Wechseln zu: Navigation, Suche

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

Siehe auch