> For the complete documentation index, see [llms.txt](https://docs.cloudimage.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cloudimage.io/transformations/image-filters/adjustment/saturate.md).

# Saturate

To adjust the color saturation, you can use the **saturate=X** filter and set the desired adjustment value (`X= -100..100`). Negative values will decrease color saturation while positive ones will increase it.

<mark style="color:green;">**saturate=X**</mark>

## Examples

| Preview                          | Syntax                                                                                                                                                                                                                                                                                       |
| -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](/files/JD9IpcRQLrDXK0T3arXg) | <p>Original image:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/frog.png?w=400">/samples.scaleflex.com/frog.png?<mark style="color:orange;"><strong>w=400</strong></mark></a></p>                                                                                       |
| ![](/files/1f3BDj30kGwsOxqSr8IJ) | <p>Increased saturation:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/frog.png?w=400&#x26;saturate=35">/samples.scaleflex.com/frog.png?<mark style="color:orange;"><strong>w=400</strong></mark>&<mark style="color:green;"><strong>saturate=35</strong></mark></a></p> |

## Desaturate

Using **saturate=-100** will remove all color information and convert the image to grayscale.

{% hint style="info" %}
Please keep in mind that desaturating an image just discards all color information. If you prefer to create a grayscale image while taking into account the human visual system's color perception, you should use the **gray** parameter instead.
{% endhint %}

### Examples

| Preview                          | Syntax                                                                                                                                                                                                                                                                                   |
| -------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](/files/9zSVqAjiIqo3GQvsjl3t) | <p>Desaturation:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/frog.png?w=400&#x26;saturate=-100">/samples.scaleflex.com/frog.png?<mark style="color:orange;"><strong>w=400</strong></mark>&<mark style="color:green;"><strong>saturate=-100</strong></mark></a></p> |
| ![](/files/hu43VgFVCwAZqxRDxVi6) | <p>Grayscale:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/frog.png?w=400&#x26;gray=1">/samples.scaleflex.com/frog.png?<mark style="color:orange;"><strong>w=400</strong></mark>&<mark style="color:green;"><strong>gray=1</strong></mark></a></p>                  |
