# Contrast

To adjust the contrast, you can use the **contrast** filter and set the desired adjustment value.

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

## Examples

| Preview                                                                                            | Syntax                                                                                                                                                                                                                                                                                       |
| -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/INT1PErnVKVUL8ZKXfVX/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/5kDAmLtPdgMDXOJ5qLUA/image.png) | <p>Increased contrast:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/frog.png?w=400&#x26;contrast=30">/samples.scaleflex.com/frog.png?<mark style="color:orange;"><strong>w=400</strong></mark>&<mark style="color:green;"><strong>contrast=30</strong></mark></a></p>   |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/43DCYZdTT3wZcuAeIwVQ/image.png) | <p>Decreased contrast:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/frog.png?w=400&#x26;contrast=-10">/samples.scaleflex.com/frog.png?<mark style="color:orange;"><strong>w=400</strong></mark>&<mark style="color:green;"><strong>contrast=-10</strong></mark></a></p> |