CSS hue-rotate() Function

❮ Previous Functions Next ❯


img {
  filter: hue-rotate(-0.25turn);


The hue-rotate() css function defines a hue rotation on 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
deg Represents an angle in degrees. One full circle is 360deg.
grad Represents an angle in gradians. One full circle is 400grad.
rad Represents an angle in radians. One full circle is 2π radians which approximates to 6.2832rad. 1rad is 180/π degrees.
turn Represents an angle in a number of turns. One full circle is 1turn.

See also

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

❮ Previous Functions Next ❯