Convert standard RGB color definitions into the CSS Color 4 Hue, Whiteness, and Blackness (HWB) format. This tool translates red, green, and blue light channels into a format optimized for tinting and shading.
Input formats
Provide colors using the standard rgb(r, g, b) syntax with channel values ranging from 0 to 255.
HWB output
The output is formatted using the space-separated hwb(h w% b%) syntax. Hue is returned in degrees (0–360), while the whiteness and blackness are returned as percentages. This model allows for simpler tone control by explicitly defining how much white or black is mixed into a pure hue.
Batch processing
Process multiple RGB values simultaneously by pasting them into the input pane, one per line. The output pane generates a corresponding list of HWB values.
Visual adjustments
Use the active color picker to visually preview and tweak the currently selected line. Adjusting the picker automatically recalculates the RGB input and updates the HWB output in real time.