---
title: "grayscale(_:)"
framework: swiftui
role: symbol
role_heading: Instance Method
path: "swiftui/view/grayscale(_:)"
---

# grayscale(_:)

Adds a grayscale effect to this view.

## Declaration

```swift
nonisolated func grayscale(_ amount: Double) -> some View

```

## Parameters

- `amount`: The intensity of grayscale to apply from 0.0 to less than 1.0. Values closer to 0.0 are more colorful, and values closer to 1.0 are less colorful.

## Return Value

Return Value A view that adds a grayscale effect to this view.

## Discussion

Discussion A grayscale effect reduces the intensity of colors in this view. The example below shows a series of red squares with their grayscale effect increasing from 0 (reddest) to 99% (fully desaturated) in approximate 20% increments: struct Saturation: View {     var body: some View {         HStack {             ForEach(0..<6) {                 Color.red.frame(width: 60, height: 60, alignment: .center)                     .grayscale(Double($0) * 0.1999)                     .overlay(Text("\(Double($0) * 0.1999 * 100, specifier: "%.4f")%"),                              alignment: .bottom)                     .border(Color.gray)             }         }     } }

## See Also

### Transforming colors

- [brightness(_:)](swiftui/view/brightness(_:).md)
- [contrast(_:)](swiftui/view/contrast(_:).md)
- [colorInvert()](swiftui/view/colorinvert().md)
- [colorMultiply(_:)](swiftui/view/colormultiply(_:).md)
- [saturation(_:)](swiftui/view/saturation(_:).md)
- [hueRotation(_:)](swiftui/view/huerotation(_:).md)
- [luminanceToAlpha()](swiftui/view/luminancetoalpha().md)
- [materialActiveAppearance(_:)](swiftui/view/materialactiveappearance(_:).md)
- [materialActiveAppearance](swiftui/environmentvalues/materialactiveappearance.md)
- [MaterialActiveAppearance](swiftui/materialactiveappearance.md)