HWB

Steht für „Hue, Whiteness, Blackness“.

HWB ist ein Farbmodell, das Farben mithilfe von drei Attributen definiert. Es ermöglicht Grafik- und Webdesignern, eine Farbe zu erstellen, indem sie einen Punkt auf dem Farbkreis angeben und anschließend unterschiedliche Mengen Weiß oder Schwarz hinzufügen, um die Helligkeit und Sättigung der Farbe anzupassen. Wie die Modelle HSB und HSL bietet es eine intuitivere Möglichkeit, Farben anzupassen, als einzelne RGB-Werte zu verändern.

Das HWB-Modell verwendet drei Attribute, um jede Farbe zu definieren:

• Farbton bezeichnet die Winkelposition der Grundfarbe auf dem Farbkreis und wird durch eine Zahl zwischen 0° und 359° angegeben. Reines Rot befindet sich oben auf dem Farbkreis bei 0°, gefolgt von Gelb bei 60°, dann Grün, Cyan, Blau und Magenta, bevor der Kreis wieder zu Rot zurückkehrt.
• Weißanteil bezeichnet, wie viel Weiß als Prozentsatz von 0 bis 100 % in den reinen Farbton des Farbkreises gemischt wird. Ein Weißanteil von 0 % ergibt eine vollständig gesättigte Farbe, während ein Weißanteil von 100 % die Farbe vollständig entsättigt und sie weiß erscheint.
• Schwarzanteil bezeichnet, ebenfalls als Prozentsatz angegeben, wie viel Schwarz in den reinen Farbton gemischt wird. Wie beim Weißanteil ergibt ein Schwarzanteil von 0 % eine vollständig gesättigte Farbe, während ein Schwarzanteil von 100 % schwarz erscheint.

Das Mischen der drei HWB-Attribute funktioniert ähnlich wie das Mischen von Farben. Man beginnt mit einer reinen Grundfarbe von einem beliebigen Punkt auf dem Farbkreis und passt anschließend ihre Helligkeit an, indem man Weiß oder Schwarz hinzumischt. Das gleichzeitige Hinzufügen von Weiß und Schwarz entsättigt die Farbe und bringt sie näher an Grau. Wenn die kombinierte Menge an Weiß und Schwarz 100 % übersteigt, werden die Werte normalisiert, sodass sie zusammen 100 % ergeben, und unter Verwendung desselben Verhältnisses von Weiß und Schwarz wird ein Grauton erzeugt. Beispielsweise erzeugen eine HWB-Farbe mit Weiß- und Schwarzwerten von 50 %, 75 % bzw. 100 % alle denselben Grauton.

Webdesigner können Farben innerhalb von CSS mithilfe von HWB angeben. Sie können einfache Anpassungen an den HWB-Zahlen vornehmen, um die Grundfarbe zu ändern oder Farben auf ihren Websites aufzuhellen, abzudunkeln oder zu entsättigen. Beginnt ein Webdesigner beispielsweise mit einer Farbe unter Verwendung des CSS-Codes hwb(180, 25%, 0%), kann er sie durch Erhöhen des W-Attributs aufhellen, durch Verringern von W abdunkeln oder durch Erhöhen des B-Attributs entsättigen. HWB wurde 2014 erstmals als Farbmethode in die CSS-Spezifikation aufgenommen, aber die meisten großen Webbrowser unterstützten sie erst ab 2022 vollständig.

NOTE: Der mögliche Farbbereich bei HWB ist derselbe wie bei RGB, nur mit einer anderen Gruppe von Attributen. Digitale Bilder enthalten weiterhin Farbinformationen, die mithilfe von RGB-Werten gespeichert werden, und ein Farbwert kann mithilfe von Software problemlos in RGB oder (Hexadezimal) umgewandelt werden.