hue-rotate() CSS Function

Description

The hue-rotate() CSS function changes the color of the image by rotating the hue on the color wheel.

Syntax

hue-rotate() = hue-rotate( [ <angle> | <zero> ]? )

Values

• angleThe relative change in hue of the input sample, specified as an . A value of 0deg leaves the input unchanged. A positive hue rotation increases the hue value, while a negative rotation decreases the hue value. The lacuna value for interpolation is 0. There is no minimum or maximum value; hue-rotate(Ndeg) evaluates to N modulo 360.

Example

<img class="hue-rotate" src="images/nature.jpg" alt="Hue Rotate Example">

.hue-rotate {

   filter: hue-rotate(90deg);

}

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