Enter hue, whiteness and blackness and get the hex color code instantly. HWB (CSS Color 4) and HEX describe the exact same color: a hue angle mixed with white and black on one side, base sixteen channels on the other. See the live preview and a table of common HWB to hex conversions.
Questions
- Are HWB and HEX the same color?
- Yes. HWB and HEX are two notations of one color; the converter changes the notation, not the color. Converting back returns the same value, apart from rounding in spaces that use decimals.
- How do I convert HWB to HEX by hand?
- Turn the HWB components into red, green and blue from 0 to 255 with the formula shown in How HWB to HEX Works above, then write each channel as a two digit hex pair. The worked example on this page follows every step with your own color.
- Where does the alpha channel go?
- A hex code with eight digits carries opacity in its last pair (FF is fully opaque). HWB has a matching form with an extra alpha value; both are listed in the Formats section of this page.
- Is the HWB to HEX converter free?
- Yes. It runs in your browser with no sign in and no limit; convert as many values as you like. The color itself is the link, so any conversion can be shared or bookmarked.
