HWB

Staat voor "Hue, Whiteness, Blackness."

HWB is een kleurmodel dat kleuren definieert met sets van drie kenmerken. Hiermee kunnen grafisch ontwerpers en webontwerpers een kleur maken door een punt op het kleurenwiel op te geven en vervolgens verschillende hoeveelheden wit of zwart toe te voegen om de helderheid en verzadiging van de kleur aan te passen. Net als de modellen HSB en HSL biedt het een intuïtievere manier om kleuren aan te passen dan door afzonderlijke RGB-waarden te wijzigen.

Het HWB-model gebruikt drie kenmerken om elke kleur te definiëren:

• Tint staat voor de hoekpositie van de basiskleur op het kleurenwiel, met een getal tussen 0° en 359°. Zuiver rood staat bovenaan het kleurenwiel op 0°, gevolgd door geel op 60°, daarna groen, cyaan, blauw en magenta voordat het wiel weer bij rood uitkomt.
• Witheid staat voor de hoeveelheid wit die met de zuivere tint van het kleurenwiel wordt gemengd, als percentage van 0 tot 100%. Een witheid van 0% resulteert in een volledig verzadigde kleur, terwijl een witheid van 100% de kleur volledig ontzadigt en deze wit laat lijken.
• Zwartheid staat voor de hoeveelheid zwart die met de zuivere tint wordt gemengd, ook als percentage. Net als bij witheid geeft een zwartheid van 0% een volledig verzadigde kleur weer, terwijl een zwartheid van 100% zwart lijkt.

Het mengen van de drie HWB-kenmerken werkt ongeveer hetzelfde als het mengen van verf. Je begint met een zuivere basiskleur vanaf een willekeurig punt op het kleurenwiel en past vervolgens de helderheid aan door wit of zwart bij te mengen. Door zowel wit als zwart toe te voegen wordt de kleur ontzadigd en komt deze dichter bij grijs. Als de gecombineerde hoeveelheid wit en zwart hoger is dan 100%, worden de waarden genormaliseerd zodat ze samen 100% bedragen en ontstaat een grijstint met dezelfde verhouding tussen wit en zwart. Zo leveren HWB-kleuren met wit- en zwartwaarden van respectievelijk 50%, 75% en 100% allemaal dezelfde grijstint op.

Webontwerpers kunnen kleuren met HWB opgeven in CSS. Ze kunnen HWB-getallen eenvoudig aanpassen om de basiskleur te wijzigen of kleuren op hun websites lichter, donkerder of minder verzadigd te maken. Als een webontwerper bijvoorbeeld begint met een kleur die de CSS-code hwb(180, 25%, 0%) gebruikt, kan die de kleur lichter maken door het W-kenmerk te verhogen, donkerder maken door W te verlagen of de kleur ontzadigen door het B-kenmerk te verhogen. HWB werd in 2014 voor het eerst als kleurmethode toegevoegd aan de CSS-specificatie, maar de meeste belangrijke webbrowsers ondersteunden deze methode pas in 2022 volledig.

NOTE: Het mogelijke kleurenbereik van HWB is hetzelfde als dat van RGB, maar met een andere set kenmerken. Digitale afbeeldingen bevatten nog steeds kleurinformatie die met RGB-waarden is opgeslagen, en een kleurwaarde kan eenvoudig via software worden omgezet naar RGB of (hexadecimaal).