UtilHub

RGB to HWB Converter

Convert RGB color values to HWB format instantly. HWB (hue, whiteness, blackness) expresses colors in a way that mirrors how humans mix paints, and it is a native CSS color format in CSS Color Level 4.

name, hex, rgb, hsl, hwb, cmyk, ncol

FormatValue
HWBhwb(12, 35%, 0%)
Name
Hex#ff7a59
RGBrgb(255, 122, 89)
HSLhsl(12, 100%, 67%)
CMYKcmyk(0%, 52%, 65%, 0%)
NColR20, 35%, 0%
OKLCHoklch(72.9% 0.1696 35.11)

Lighter / Darker:

hwb(14, 90%, 0%)
hwb(12, 72%, 0%)
hwb(12, 54%, 0%)
hwb(12, 36%, 0%)
hwb(12, 18%, 0%)
hwb(12, 0%, 0%)
hwb(12, 0%, 18%)
hwb(12, 0%, 36%)
hwb(12, 0%, 54%)
hwb(12, 0%, 72%)
hwb(12, 0%, 90%)

Pick a Color:

How to Use This Tool

Enter an RGB color in rgb(r, g, b) format. The converter outputs the equivalent HWB value — hue in degrees, whiteness as a percentage, and blackness as a percentage. HWB is a CSS-native color format where whiteness and blackness describe how much white or black is mixed into a pure hue. Click any value to copy it to your clipboard in standard hwb() CSS syntax, ready to use directly in your stylesheets.