Saturate / Desaturate Color
Increase or decrease a color's saturation (vividness). Everything runs on your device — fast, free, and private.
The result will appear here…
or press Ctrl+Enter
Everything runs in your browser. Your data is never sent to our servers.
728 × 90Ad Space AvailablePlace your ad here
Example
Example Input
#00B8E6, amount=20%
Example Output
Saturated #00bdec · Desaturated #1aaad0
How to Use
- 1Enter a color or data in the Input field.
- 2Set "More settings" if needed, then click Run (or Ctrl+Enter).
- 3Copy the result — a swatch is shown next to each value.
About Saturate / Desaturate Color
Saturate / Desaturate Color changes a color's saturation (HSL) up and down by the percentage you choose, showing both a more saturated and a more muted version.
Decreasing saturation moves the color toward gray; increasing it makes it more vivid. Useful for tuning UI color intensity.
FAQ
Is my data sent to a server?
No. Saturate / Desaturate Color runs entirely in your browser — your data never leaves your device.