# Grayscale

Transforms the image into a black-and-white image.

<mark style="color:green;">**gray=1**</mark> | <mark style="color:green;">**grey=1**</mark>

## Examples

| Preview                                                                                            | Syntax                                                                                                                                                                                                                                                                          |
| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/H4FG4RxjoKIKBqTUHkbv/image.png) | <p>Original image:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/paris.jpg?w=400">/samples.scaleflex.com/paris.jpg?<mark style="color:orange;"><strong>w=400</strong></mark></a></p>                                                                        |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/uZAruO4j6eDPkAhYuU2Y/image.png) | <p>Grayscale image:<br><a href="https://doc.cloudimg.io/https://samples.scaleflex.com/paris.jpg?w=400&#x26;gray=1">/samples.scaleflex.com/paris.jpg?<mark style="color:orange;"><strong>w=400</strong></mark>&<mark style="color:green;"><strong>gray=1</strong></mark></a></p> |