Skip to main content
.grayscale(amount?: number): Component;

Parameters

amount
number
default:"1"
The grayscale amount. 0 means no grayscale, 1 means fully grayscale. Defaults to 1 if not specified.

Support

Usage

Full grayscale

Image("colorful.jpg")
    .grayscale()

Partial grayscale

Rectangle()
    .fill(Color("rainbow"))
    .grayscale(0.5)

No grayscale

Image("photo.jpg")
    .grayscale(0)