HWB naar HEX converter
Plak een HWB-waarde en krijg direct HEX. Andere formaten werken ook.
Voorbeelden: HWB naar HEX
Over HWB en HEX
HWB beschrijft een kleur met de kleurtoon plus hoeveel wit en zwart erdoor gemengd is. Het hoort bij CSS Color 4 en is handig voor lichtere en donkerdere varianten.
HEX schrijft rood, groen en blauw elk als twee hexadecimale cijfers, zoals #ff5733. Het is de meest gebruikte manier om kleuren te noteren op het web en in ontwerptools.
Zo werkt de omzetting
We lezen de HWB-waarde, zetten die met de matrices uit de specificatie CSS Color 4 om naar CIE XYZ en daarna naar HEX. Waarden buiten de doelgamut worden aangepast met het algoritme van CSS Color 4: lichtheid en kleurtoon blijven, de chroma daalt.
Vragen en antwoorden
Hoe zet ik HWB om naar HEX?
Plak of typ een HWB-waarde in het veld hierboven. PickShade zet hem al tijdens het typen om met de formules van CSS Color 4, en met één klik kopieer je de HEX-waarde.
Is de omzetting van HWB naar HEX exact?
De berekening is exact en het resultaat wordt alleen voor de weergave afgerond, met genoeg cijfers om terug te rekenen naar dezelfde kleur. Past de kleur niet in de doelgamut, dan waarschuwt PickShade je en toont de dichtstbijzijnde kleur die wel past.
Kan ik tegelijk andere formaten krijgen?
Ja. Alle andere formaten, waaronder OKLCH, Display P3, Tailwind, SwiftUI, Flutter en Android, staan onder het resultaat en kopieer je met één klik.
Is deze converter gratis?
Ja. Hij is gratis, vraagt geen account en draait volledig in je browser.