HEX to HWB conversion
Paste your hex codes into the input pane to receive CSS Color 4 hwb() strings. The tool accepts both 6-digit (#RRGGBB) and 3-digit (#FFF) shorthand forms. The output format uses a space-separated syntax for hue (0–360°), whiteness (0–100%), and blackness (0–100%).
Active color tracking
The visual color picker synchronizes with your cursor position. Clicking a line in the input pane updates the picker to preview that specific color. Dragging a new value in the picker automatically overwrites the active line with the updated hex string.
Batch list processing
The tool processes multiple colors simultaneously. Paste a list of hex values, one per line, to convert an entire palette at once. The output pane mirrors your line breaks, generating a matching list of HWB values that can be copied directly to your clipboard.