Desaturate a Color
Reduce the saturation of any color. Enter a color in HEX, RGB, or HSL format and use the slider to make it less vibrant. See the result with a live preview.
Original
Desaturated
-20%
Why use this tool?
Quickly reduce the saturation of any color for design work, web development, or creative projects without manually adjusting HSL values.
- Instant preview — see the original and desaturated color side by side.
- Adjustable desaturation — control exactly how much less vibrant to make the color.
- Multiple formats — input HEX, RGB, or HSL; output all three formats.
- One-click copy — copy the result in any format instantly.
- Privacy-focused — all processing happens in your browser. No data is sent to servers.
How to use
- Enter a color value in HEX, RGB, or HSL format.
- Use the slider to adjust how much less saturated to make the color.
- View the original and desaturated colors in the preview boxes.
- Copy the result in your preferred format (HEX, RGB, or HSL).