Adjust Image Hue
Shift image colours around the colour wheel with a hue rotation slider. Create dramatic colour changes or subtle warm and cool shifts.
Drop an image here or click to upload
PNG, JPG, WebP, or any image format
What Is Hue Rotation?
Hue rotation shifts every colour in your image around the colour wheel by a specified number of degrees. A 0 degree rotation leaves the image unchanged. A 180 degree rotation maps every colour to its exact opposite, turning reds into cyans, blues into oranges, and greens into magentas. Upload a photo, drag the slider, and the preview updates instantly.
The colour wheel arranges all hues in a circle from 0 to 360 degrees. Red sits at 0, yellow at 60, green at 120, cyan at 180, blue at 240, and magenta at 300. When you rotate by a given number of degrees, each pixel's hue moves that many steps around the wheel while its brightness and saturation stay the same.
Hue Rotation Degree Guide
| Degrees | Effect | Example |
|---|---|---|
| 0 | No change, original colours | Original photo |
| 30 | Slight warm shift | Reds shift towards orange, greens towards teal |
| 60 | Moderate shift | Reds become yellow, blues become violet |
| 90 | Strong shift | Reds become green-yellow, greens become blue |
| 120 | Major colour swap | Reds become green, greens become blue, blues become red |
| 180 | Complementary colours | Every colour becomes its opposite |
| 270 | Reverse major swap | Reds become blue, blues become green |
Creative Uses for Hue Shifting
Hue rotation is a popular technique for colour grading and artistic effects. Photographers use subtle shifts (10 to 30 degrees) to create warm or cool colour casts across an entire image. Designers use larger shifts to create colour variations of the same graphic, for example generating a blue version and a green version of the same illustration without redrawing anything.
Other creative uses include creating surreal or psychedelic art, making infrared-style landscapes (shift greens towards reds or magentas), producing pop art colour variations, and generating alternative colourways for branding or product mockups.
How Hue Rotation Differs from Colour Filters
A colour filter overlays a single tint across the image, pushing everything towards one colour. Hue rotation preserves the relationships between colours and simply moves them all around the wheel together. The image retains its full range of distinct colours, they are just different colours. This makes hue rotation useful for recolouring while keeping visual variety.
For example, applying a blue filter to a sunset makes everything blue-tinted. Rotating the hue by 180 degrees turns the warm oranges and reds into cool cyans and teals, but the sky, clouds, and landscape each remain distinct from one another.
Frequently Asked Questions
Does hue rotation affect brightness or saturation?
No. Hue rotation only changes which colour each pixel displays. The brightness (lightness) and saturation (colour intensity) of every pixel remain exactly the same. The image keeps the same tonal structure, just with shifted colours.
What happens if I rotate by 360 degrees?
A 360 degree rotation brings every colour full circle back to its starting position, so the image looks identical to the original. Similarly, rotating by -90 degrees produces the same result as rotating by +270 degrees.
Can I use hue rotation to fix white balance?
Hue rotation is not the right tool for white balance correction. White balance problems involve colour temperature (warm vs cool tint), which is better fixed with temperature and tint sliders. Hue rotation shifts all colours equally, which can fix one colour cast but introduce another.
Related Tools
Adjust Image Saturation
Increase or decrease image colour saturation online. Make photos more vibrant or create desaturated muted tones with real-time preview.
Adjust Image Brightness
Brighten or darken any image online with a simple slider. Real-time preview, quick presets, and free download as PNG or JPG.
Photo Filter Tool
Apply filters to your photos right in the browser. Adjust brightness, contrast, saturation, blur, and more. Quick presets and before/after comparison.
Related Tools
Adjust Image Saturation
Increase or decrease image colour saturation online. Make photos more vibrant or create desaturated muted tones with real-time preview.
🎨 Creative & DesignAdjust Image Brightness
Brighten or darken any image online with a simple slider. Real-time preview, quick presets, and free download as PNG or JPG.
🎨 Creative & DesignPhoto Filter Tool
Apply filters to your photos right in the browser. Adjust brightness, contrast, saturation, blur, and more. Quick presets and before/after comparison.
🎨 Creative & Design