How far can the saturation drop?

Thirty percent at the most, in one-percent steps, added as a subtraction from the colour's existing saturation rather than applied as a multiplier.

Does it change the hue or the lightness?

Neither. Both are preserved exactly, so a muted version of a colour still reads as a member of the same family.

Will a pale colour become grey?

Not within the range offered. The colour loses chroma but keeps its hue and lightness, so it stays a colour rather than becoming a neutral.

Can I boost a colour here?

No — the slider subtracts only. Raising saturation is what the saturation booster does with the same implementation and the sign reversed.

Can the colour go fully grey?

No. The slider tops out at thirty percent and the percentage is subtracted from the chroma with a floor at zero, so the result is a quieter version of the same colour rather than a grey, while hue and lightness stay exactly where they were.

Saturation Reducer

Color

Reduce saturation: 20%

Result

#878787

You Might Also Need

Saturation Booster

Increase color saturation

Color Lighten Tool

Lighten any color by a percentage

Color Tones Generator

Generate desaturated tones of a color

Muted Color Generator

Generate muted, low-saturation colors

The saturation reducer lowers a colour's saturation by up to 30 percent, showing the muted result beside the original with its hue and lightness untouched.

What is Saturation Reducer?

Two panels again: a colour field that opens on a mid blue with a slider beneath it labelled Reduce saturation, running from zero to thirty percent and starting at twenty, and a result card on the right holding a single large swatch of the muted colour.

The slider subtracts rather than multiplies.
The chosen percentage is divided by a hundred and taken away from the colour's saturation, so twenty percent removes a fifth of the available chroma.
A colour that arrives fully saturated therefore changes a great deal, while one that is already muted has less left to give and moves only slightly — the opposite of what a multiplier would do, and the reason the same setting produces visibly different amounts of change across a palette.

Hue and lightness stay exactly where they were, which is what separates a deliberate desaturation from dropping the colour towards grey. Both the hue angle and the lightness reading are preserved, so a muted version of a brand colour still belongs to the brand's family and can sit next to the original without either looking off.

That property is the everyday use. Most interfaces need a quieter version of a colour for surfaces, secondary text, disabled states and chart backgrounds, and building those by mixing in grey produces cooler, flatter results than reducing saturation in the colour's own space. Because the range stops at thirty percent, the result is muted without being washed out, and it stays a colour rather than becoming a neutral.

The tool reports nothing beyond the swatch pair. There is no chroma figure, no indication of how close the colour is to grey, no contrast check against whatever it will sit on and no export. It also only reduces: the same implementation with a positive sign is the saturation booster, and this page will not brighten a colour that has already gone too far.

Working one colour at a time is the intended rhythm. A palette usually gets muted in sequence with the same setting, so a set of surfaces or secondary text keeps its internal relationships rather than being quietened by varying amounts, and the narrow range makes that easy to repeat exactly. Where a single colour needs more than the slider can give, the tone generator moves it towards grey instead, which is the right tool when the goal is a neutral rather than simply a quieter colour.

Limits: one colour, one direction, thirty percent maximum, no relative mode, no saved history and no readout.

As a saturation reducer it handles reduce color saturation and desaturate a color in a single slider, and for a muted color hex value that keeps its hue rather than drifting towards grey, it is the make a color less vivid version with the direction fixed and the range stated.
Quietening a colour in its own space is what keeps a muted surface recognisable as part of the same family rather than a grey substitute for it, and that is the whole difference this slider makes.

How to use Saturation Reducer

Choose the colour to mute in the field on the left.
Drag the Reduce saturation slider between 0 and 30 percent to set how much comes off.
Compare the result swatch with the original and note the muted value.

When to use Saturation Reducer vs related tools

Use this when a palette needs quieter versions of its colours for surfaces, borders, disabled states or secondary text. Use the tone generator when the colour should also move towards grey, or the vibrance adjuster when the slider has to cross zero. The saturation booster pushes the same axis upward, the vibrance adjuster moves in both directions, and the tone generator performs the operation ten times over as a ladder.

Privacy & Security

This tool runs entirely in your browser — no data ever leaves your device. There is no server round-trip, no upload, no logging, and no account required. Your input is processed locally using client-side JavaScript and is never stored, transmitted, or accessible to anyone else. When you close the tab, everything disappears.