Filter

Hue Rotate

Utilities for applying hue-rotate filters to an element.

Basic usage

Rotating an element's hue

Use the hue-rotate-{amount} utilities to rotate the hue of an element.

hue-rotate-15

hue-rotate-90

hue-rotate-180

-hue-rotate-60

<div className="**hue-rotate-15** ...">
  <!-- ... -->
</div>
<div className="**hue-rotate-90** ...">
  <!-- ... -->
</div>
<div className="**hue-rotate-180** ...">
  <!-- ... -->
</div>
<div className="**-hue-rotate-60** ...">
  <!-- ... -->
</div>