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

# Saturate

Color saturation correction

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://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2Ffsg4uN81lDeuZxAvjRsR%2Ffrog%20\(8\).png?alt=media\&token=a4830071-7c92-4f6c-b6c6-a15834b202ff) | <p>Original image:<br><a href="https://fdocs.filerobot.com/docs/frog.png?w=400">/docs/frog.png?<mark style="color:orange;"><strong>w=400</strong></mark></a></p>                                                                                       |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FUvOkhtwBctHpHWo4Mo7K%2Ffrog%20\(9\).png?alt=media\&token=876aa6ea-7f0c-4f53-be80-7b5d0b256c6a) | <p>Increased saturation:<br><a href="https://fdocs.filerobot.com/docs/frog.png?w=400&#x26;saturate=35">/docs/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 human visual system color intensity perception, you should use the **gray** parameter instead.
{% endhint %}

### Examples

| Preview                                                                                                                                                                                                                    | Syntax                                                                                                                                                                                                                                             |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2Fx0fBoHiV7wHtavnSyAdc%2Ffrog%20\(5\).png?alt=media\&token=8ea2b408-faa9-48ed-8641-6d190c1da2a5) | <p>Desaturation:<br><a href="https://fdocs.filerobot.com/docs/frog.png?w=400&#x26;saturate=-100">/docs/frog.png?<mark style="color:orange;"><strong>w=400</strong></mark>&<mark style="color:green;"><strong>saturate=-100</strong></mark></a></p> |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FibrStFewbLP5N4ZlPUvN%2Ffrog%20\(7\).png?alt=media\&token=306c7e5e-63b4-4184-80d5-426fbf1ccb56) | <p>Grayscale:<br><a href="https://fdocs.filerobot.com/docs/frog.png?w=400&#x26;gray=1">/docs/frog.png?<mark style="color:orange;"><strong>w=400</strong></mark>&<mark style="color:green;"><strong>gray=1</strong></mark></a></p>                  |
|                                                                                                                                                                                                                            |                                                                                                                                                                                                                                                    |
