Hue Rotate Image
Shift all colors in an image around the color wheel. Adjustable angle, live preview, browser-based.
Drop an image or click to browse
JPEG, PNG, WebP supported
Related Image Tools
What Is Hue Rotation?
Hue rotation shifts every color in an image around the HSL color wheel by a fixed angle (0–360°). A 0° or 360° rotation leaves the image unchanged. At 180° all colors are replaced by their complementary opposites — reds become cyan, greens become magenta, blues become yellow. It is commonly used for creative color grading, generating color variants of icons or illustrations, and quick palette exploration. All processing runs locally in your browser.
How to Use
- Drop or select a JPEG, PNG, or WebP image
- Drag the Hue Angle slider or click a preset button
- The result updates automatically with a live before/after preview
- Click Download to save the rotated image
Features
- Full 0–360° hue rotation with 1° precision
- Six quick-access angle presets
- Real-time before/after preview
- Preserves original image dimensions and alpha channel
- Supports JPEG, PNG, and WebP
- 100% browser-based — your image never leaves your device
FAQ
How is hue rotation calculated?
Each pixel is converted from RGB to HSL. The hue component (0–1) is shifted by angle/360, then wrapped back into the 0–1 range. The result is converted back to RGB. Saturation and lightness are unchanged, so only the color shifts — not the brightness.
Does it affect grayscale pixels?
No. Pixels with zero saturation (pure white, black, or grey) have no hue to rotate, so they remain unchanged regardless of the angle.
Is the alpha channel preserved?
Yes. Only the RGB channels are modified. The alpha channel is left untouched, so transparent PNGs keep their transparency after hue rotation.