Over HWB-kleur

HWB-kleur is een kleurmodel dat kleuren weergeeft met tint, witheid en zwartheid. De tint bepaalt de basiskleur, terwijl witheid en zwartheid aangeven hoeveel wit en zwart wordt gemengd. Daardoor zijn aanpassingen zoals lichter maken, donkerder maken of richting grijs brengen intuïtief te begrijpen.

Belangrijke kleuren zoals rood kunnen bijvoorbeeld als volgt worden weergegeven.

Voeg een alfawaarde toe om transparantie op te nemen. Halftransparant rood kan bijvoorbeeld worden weergegeven als hwb(0deg 0% 0% / 0.5).

Behandeling van tint, witheid en zwartheid

Tint wordt als hoek behandeld; waarden groter dan 360deg of negatieve waarden worden genormaliseerd naar het bereik van 0deg tot 360deg. Bijvoorbeeld, hwb(360deg 0% 0%) wordt behandeld als dezelfde kleur als hwb(0deg 0% 0%), en hwb(-120deg 0% 0%) als dezelfde kleur als hwb(240deg 0% 0%).

Witheid en zwartheid worden behandeld binnen het bereik van 0% tot 100%. Een grotere witheid brengt de kleur dichter bij wit, en een grotere zwartheid dichter bij zwart. Als de som van witheid en zwartheid 100% of meer is, wordt de kleur ongeacht de tint als een grijsachtige kleur behandeld.

Verschil tussen HWB en HSL

HSL past kleur aan met verzadiging en lichtheid, waardoor het geschikt is om levendigheid en helderheid aan te geven. HWB past kleur aan met de hoeveelheid gemengd wit en zwart, waardoor bewerkingen zoals “witter maken met dezelfde tint” of “zwart toevoegen om donkerder te maken” makkelijk te beschrijven zijn.

HWB is echter ook geen perceptueel uniforme kleurruimte. Wanneer u visuele helderheid of kleurverschillen gemakkelijker wilt behandelen, kunnen kleurruimten zoals Lab, LCH, Oklab en Oklch worden gebruikt.