CSS · Functions and values

grayscale() / sepia()

Removes colour or applies a warm sepia tone.

Syntax
grayscale(1)

Example

Try it

More in this group

attr() blur() brightness() / contrast() circle() / ellipse() color-mix() color() function conic-gradient() counter() / counters()

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course