Über HWB-Farben

HWB ist ein Farbmodell, das Farben mit den drei Komponenten Farbton, Weißanteil und Schwarzanteil beschreibt. Der Farbton legt die Grundfarbe fest, während Weißanteil und Schwarzanteil angeben, wie viel Weiß oder Schwarz beigemischt wird. Dadurch lassen sich Farben intuitiv aufhellen, abdunkeln oder in Richtung Grau verschieben.

Zum Beispiel lassen sich wichtige Farben wie Rot wie folgt darstellen.

Um Transparenz einzuschließen, fügen Sie einen Alpha-Wert hinzu. Halbtransparentes Rot kann zum Beispiel als hwb(0deg 0% 0% / 0.5) dargestellt werden.

Behandlung von Farbton, Weißanteil und Schwarzanteil

Der Farbton wird als Winkel behandelt; Werte über 360deg oder negative Werte werden auf den Bereich von 0deg bis 360deg normalisiert. Zum Beispiel wird hwb(360deg 0% 0%) als dieselbe Farbe wie hwb(0deg 0% 0%) behandelt, und hwb(-120deg 0% 0%) als dieselbe Farbe wie hwb(240deg 0% 0%).

Weißanteil und Schwarzanteil werden im Bereich von 0% bis 100% behandelt. Ein größerer Weißanteil verschiebt die Farbe näher zu Weiß, ein größerer Schwarzanteil näher zu Schwarz. Wenn die Summe aus Weißanteil und Schwarzanteil 100% oder mehr beträgt, wird die Farbe unabhängig vom Farbton als gräuliche Farbe behandelt.

Unterschied zwischen HWB und HSL

HSL passt Farben über Sättigung und Helligkeit an und eignet sich daher zum Festlegen von Lebendigkeit und Helligkeit. HWB passt Farben über die beigemischte Menge von Weiß und Schwarz an, wodurch sich Vorgänge wie „mit demselben Farbton weißlicher machen“ oder „durch Schwarz abdunkeln“ leicht beschreiben lassen.

HWB ist jedoch ebenfalls kein wahrnehmungsgleichmäßiger Farbraum. Wenn visuelle Helligkeit oder Farbunterschiede leichter behandelt werden sollen, können Farbräume wie Lab, LCH, Oklab und Oklch verwendet werden.