Online Tool Store
PNG Color Changer
Upload a PNG and adjust hue, saturation, and lightness together with a live preview, transparency and detail preserved. Runs entirely in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
120°
100%
100%
Result
Live preview of your current settings — upload a PNG to apply them to it.
How it works
- Upload a PNG image — or try the sliders first, since the live example updates before you upload anything.
- Drag the hue slider to rotate every color in the image, and the saturation or lightness sliders to make it more vivid, muted, darker, or lighter at the same time.
- Download the recolored result.
Recoloring converts each pixel's RGB value to HSL, adjusts the hue, saturation, and lightness channels independently while leaving alpha untouched, then converts back to RGB — the same math behind a CSS hue-rotate() filter, plus saturation and brightness control, applied and baked into the downloaded file. Saturation and lightness are each a 0-200% multiplier, where 100% leaves that channel unchanged.
FAQ
How is this different from a single-color replacer?
This shifts every color in the image by the same hue, saturation, and lightness adjustment at once — useful for recoloring a whole illustration or icon set in one move, rather than swapping one specific color.
Is my image uploaded anywhere?
No. Recoloring happens entirely in your browser using the canvas API — your PNG is never sent to a server.
Does it preserve transparency?
Yes — only the hue, saturation, and lightness of each pixel's color are adjusted. Alpha (transparency) is left untouched, so transparent areas stay exactly as transparent as they started.
Can I preview before downloading?
Yes — every slider updates the preview live, including a small example swatch that reacts to your settings even before you've uploaded a file, so you can dial in the exact look before saving the result.
Can I also adjust saturation and lightness, not just hue?
Yes — the Saturation and Lightness sliders each run from 0% to 200%, where 100% leaves that channel unchanged. Lower values mute or darken the image; higher values make it more vivid or lighter.
How we compare
| Feature | Online Tool Store | Online PNG Tools | Uwarp HSL Editor | Photoshop / GIMP |
|---|---|---|---|---|
| No file upload — runs in your browser | ✓ | ✓ | ✓ | Desktop install required |
| Saturation and lightness, not just hue | ✓ | Hue only | ✓ | ✓ |
| Live example preview before you upload | ✓ | Not stated | Not stated | N/A — always live |
| Downloads a real recolored file | ✓ | ✓ | ✓ | ✓ |
| Free, no sign-up | ✓ | ✓ | ✓ | Photoshop is paid |
PNG Color Changer adjusts hue, saturation, and lightness together and bakes the result into an actual downloadable file — no editor install required, and no upload of your image.