The saturate() function is an inbuilt function in CSS which is used to super-saturate or desaturates the input image.
saturate( amount )
Parameters: This function accepts single parameter amount, which holds the amount of conversion. The value of the parameter is set in terms of number or percentage. The value 0% represents completely unsaturated and 100% represents completely saturated you can increase the saturation more.
Below example illustrate the saturate() function in CSS:
Supported Browsers: The browsers supported by saturate() function are listed below:
- Google Chrome
- Internet Explorer
- Node Jimp | Color saturate
- D3.js | d3.set.add() Function
- PHP | pow( ) Function
- CSS | url() Function
- p5.js | hue() function
- p5.js | arc() Function
- p5.js | box() Function
- D3.js | d3.hsl() Function
- PHP | dir() Function
- PHP | ord() Function
- PHP | Ds\Set contains() Function
- p5.js | hex() function
- CSS | hsl() Function
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.