Desaturate a Color Online — Free
Runs 100% in your browser — your files never leave your device.
Disabled states, subtle backgrounds, and toning down a loud accent all call for a muted version of a base color. Paste any HEX, RGB, or HSL value, drag the desaturate slider toward gray, and copy the result in whichever format your project needs — all computed locally in your browser.
How it works
- 1
Paste a color
Enter any HEX, RGB, or HSL value — the swatch updates instantly.
- 2
Drag the desaturate slider
Mute the color from 0 to 100 percent, where 100 is full grayscale.
- 3
Copy the result
Copy the muted color as HEX, RGB, or HSL with one click.
About this tool
How desaturation works
Desaturation drains color from your value along the saturation axis until, at full strength, only a gray of the same lightness remains. Hue stays fixed the entire way — a desaturated red passes through dusty rose, not through blue-gray.
When to reach for it
Muted, editorial palettes are built on partial desaturation: backgrounds that let content lead, secondary text colors that recede, and "adult" versions of loud brand colors. Full desaturation gives quick neutral grays with a hint of the original character.
Tips for the best result
Design-system grays with a slight hue tint feel warmer or cooler than pure gray — desaturating a brand blue to 10 percent gives a cool gray that pairs with it naturally. For full grayscale of images rather than single colors, use the grayscale converter.
Frequently asked questions
Is a fully desaturated color just gray?
Yes — at 100 percent desaturation you get a neutral gray whose brightness matches the original color. That is often more pleasing than default grays, because it carries a trace of the palette.
How much desaturation suits secondary text?
Between 30 and 60 percent depending on how much the text should recede. Pair the choice with a lightness check so contrast stays accessible.
Can I re-saturate afterward?
The saturation tool raises saturation again. Desaturating discards some intensity information, so re-saturated colors may not return exactly to the original vividness.