Change Image Base Color Online Tool
Change Image Base Color with tint, hue-shift, or overlay modes and an intensity slider. Free, offline, client-side - PNG and JPEG supported.
Recolour any image with three algorithms — Tint remaps pixel brightness to a single hue (duotone look), Hue shift rotates every pixel toward the chosen hue while preserving saturation, and Overlay alpha-blends a solid colour. All three have a 0-100% intensity slider.
How to Use Change Image Base Color Online Tool
- Upload an image. Drop a JPG, PNG, WebP, or GIF onto the box, or click to pick one. Processing stays in your browser - no upload.
- Pick a mode. Tint is the classic duotone look: each pixel's brightness drives how much of the base colour lands on it. Hue shift keeps contrast and saturation but rotates hue toward the base. Overlay is a straight colour wash at the chosen opacity.
- Choose the base colour. Use the colour picker - default is DROVOGEO blue #3498db. The preview re-renders live on any colour change.
- Set intensity. 0% leaves the image untouched. 100% applies the full effect. Values between blend smoothly between original and processed.
- Pick an output format. PNG keeps transparency and is lossless. JPEG is smaller and adds a quality slider.
- Click Apply or press Ctrl/Cmd+Enter. The preview also updates automatically as you drag the intensity slider.
- Copy or download. Copy puts the image blob on your clipboard (Chrome/Edge/Safari over HTTPS). Download saves a timestamped file named with the mode used.
Frequently Asked Questions
What does changing the base colour of an image mean?
Remapping the image’s colour palette toward a single chosen hue. This tool offers three algorithms so you can pick between a stylised duotone (Tint), a hue rotation that keeps the original lighting (Hue shift), and a flat colour wash (Overlay).
What is the difference between Tint, Hue shift, and Overlay?
Tint collapses each pixel to the grayscale brightness times the base colour – looks like a single-colour print. Hue shift rotates every pixel’s HSL hue toward the base hue while keeping original saturation and lightness, so shapes and textures stay readable. Overlay blends a solid colour over the image at the chosen opacity, acting like a semi-transparent layer.
What does the intensity slider do?
It linearly blends the original image with the processed image. 50% means “halfway between untouched and fully recoloured”. Useful when the full effect is too harsh but a gentle tint works.
Will changing the base colour affect image brightness?
In Tint mode, yes – the base colour’s lightness dominates, so a dark blue will darken the whole image. In Hue shift mode, lightness is preserved. In Overlay mode, the base colour’s value shifts the result toward that colour at the given opacity.
Does the tool handle transparency?
Yes. The alpha channel is preserved exactly – only the RGB values are recoloured. If you pick JPEG as the output format, transparent pixels are composited over white (JPEG has no alpha).
What image formats are supported?
Input: JPG, PNG, WebP, and GIF (first frame for animated GIFs). Output: PNG (lossless) or JPEG (smaller, quality slider).
Is my image uploaded to a server?
No. All processing runs in your browser using the HTML5 Canvas API and the WebCodecs-adjacent ImageData buffer. No network request carries your image.
Can I undo the colour change?
Drop the intensity slider back to 0% to get the original back, or click Reset. Your source file is never modified.
Is this tool free to use?
Yes – completely free. No watermarks, no sign-up, no usage limits.
What are common uses for recolouring images?
Brand-matching hero images, creating duotone social-media assets, quick mood-lighting overlays, sepia / single-colour print looks, and testing colour variants of logos or product photos.