Rotate the Hue of a PNG
Shift every colour around the colour wheel by the same amount. Red becomes green at 120°, blue at 240°, and its opposite at 180°. Because the rotation happens around the luminance axis, the image keeps its original brightness and contrast — only the hues move.
Drop images here
Multiple files allowed
Everything moves together
This is a global rotation, which is both its strength and its limitation. The relationships between colours are perfectly preserved — a complementary pair stays complementary, a harmonious palette stays harmonious — so a well-designed graphic recoloured this way still looks well-designed. That makes it excellent for generating variants: run a logo through 0°, 60°, 120°, 180°, 240° and 300° and you have six coherent colourways in a minute.
What it can't do is change one colour and leave the rest alone. If you want the red button green but the blue header untouched, this is the wrong tool — use Change color, which remaps a single colour within a tolerance.
Greys and blacks don't move
Rotating a hue that doesn't exist does nothing, so pure greys, blacks and whites come out unchanged. This is usually welcome: text, borders and neutral backgrounds survive, and only the coloured elements shift. It also means an almost-grey image will barely appear to change at all. If nothing seems to happen, the source is probably far less saturated than it looks — check with Saturation, and boost it before rotating if you want a stronger result.
Angles worth knowing
180° gives every colour's complement while keeping brightness, which is a very different result from Invert colors — inversion flips lightness too, turning dark into light. Compare the two on the same image; the difference is instructive.
120° and 240° are the triadic rotations, giving palettes that stay balanced. ±30° to 60° is subtle enough to look like a colour grade rather than a recolour — warming a scene toward orange or cooling it toward green. For picking harmonies from scratch, the Triadic and Complementary generators work from a single base colour.
FAQ
Is this the same as changing saturation?
No. Hue is which colour; saturation is how intense it is. Rotating hue keeps the intensity and changes the identity. Saturation does the other one.
Are negative angles allowed?
Yes — −90° is the same as 270°, just easier to think about when you want to rotate the short way round.
Will skin tones survive?
Rarely. Skin sits in a narrow band of orange, and any noticeable rotation makes people look green or purple. Keep rotations under about 15° on photographs of people, or mask them out in an editor.
Is transparency preserved?
Yes, alpha is untouched.
Is this the CSS hue-rotate filter?
It's the same matrix that CSS and SVG use, so the result matches filter: hue-rotate() — the difference is you get a real file out rather than a live style.