# 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                                                                                                                                                                                                                                                                                       |
| -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/QYtCcJNUQUzmkF0yQwkx/image.png) | <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>                                                                                       |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/WPGqQHkQ6IEZkEdJN6J7/image.png) | <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                                                                                                                                                                                                                                                                                   |
| -------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/kAhI03zg4RmPCZHAFgYJ/image.png) | <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> |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/rOvrGNhJZ99gOtmWRxF5/image.png) | <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>                  |