CSS hue-rotate() Function

The hue-rotate() function is an inbuilt function which is used to apply a filter to the image to set the hue rotation of the image. 

Syntax:

hue-rotate( angle )

Parameters: This function accepts single parameter angle which holds the angle of hue-rotation. A positive hue angle increases the hue value, while a negative angle decreases the hue value. 

Below example illustrates the hue-rotate() function in CSS: 

Example: 

Output:

 👁 Image
 

Supported Browsers: The browsers supported by hue-rotate() function are listed below:

• Google Chrome 18
• Edge 12
• Firefox 35
• Safari 6
• Opera 15