saturate() CSS Function
Description
The saturate()
CSS function changes the color saturation in an image.
Syntax
saturate() = filter: saturate(<value>);
Values
- <value>A value of 0% or 0 completely removes the color saturation in the image, turning it into black and white. A value of 100% or 1 leaves the image unchanged. Any values greater than 100% or greater than 1 make the colors in the image more saturated. A negative value is not allowed. An empty value is taken as 1.
Example
<img class="saturate" src="images/nature.jpg" alt="Nature Image">
.saturate {
filter: saturate(10%);
}
Browser Support
Desktop | |||||
X | 12 | 53 | 35 | 40 | 9.1 |
Tablets / Mobile | |||||
![]() |
|||||
53 | 53 | 35 | 41 | 9.3 | 6.0 |
Last updated by CSSPortal on: 1st December 2019