pngtoolskit.org
PNG and image utilities, in the browser
Say hi →

Rotate the Hue of a PNG

any angle 0–360° · brightness preserved · batch · nothing uploaded

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

    no files
    Ready.

    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.