Convert HWB strings into 6-digit hexadecimal color codes. Paste an HWB value into the text area to instantly generate the precise hex code for CSS and design tools.
HWB input
The tool reads space-separated CSS Color 4 hwb(h w% b%) inputs. It requires a hue in degrees and whiteness and blackness as percentages. If the combined whiteness and blackness exceed 100%, the converter normalizes their ratio into a neutral gray, naturally dropping the hue’s effect.
HEX output
The converted color is formatted as an uppercase, 6-digit #RRGGBB hex code. The mathematical conversion routes through integer RGB channels, so the resulting hex is rounded to the exact 0 to 255 screen coordinates. Click the copy action to quickly export your result.
Batch conversion
Process multiple HWB strings simultaneously by adding one color per line. The output panel mirrors your exact line structure, replacing valid HWB lines with hex codes. Unrecognized text will be flagged with an error string so you can fix invalid inputs.
Visual color picker
The interface features an active color picker that syncs to the line your text cursor is currently on. Changing the color via the picker will automatically rewrite the HWB text on that specific line to match the new selection.