CSS saturate() Function

❮ Previous Functions Next ❯


img {
  filter: saturate(0.5);


Percentage (%):



The saturate() css function saturates the image.

Version: CSS3

Standard Syntax


Browser Support

The numbers in the table specify the first browser version that fully supports the property.


Function Arguments

The following table describes the arguments of this function.

Argument Description
value Specifies the value in number or percentage.

A value under 100% desaturates the image, while a value over 100% super-saturates it.

A value of 0% is completely unsaturated, while a value of 100% leaves the input unchanged.

The initial value for interpolation is 1.

Note: Negative values are not allowed.

See also

The other <filter-function> functions available to be used in values of the filter and backdrop-filter properties include:

❮ Previous Functions Next ❯