Home Tools Blog About

Change Image Base Color

In short

Change Image Base Color with tint, hue-shift, or overlay modes and an intensity slider. Free, offline, client-side - PNG and JPEG supported.

  • Runs in your browser
  • Nothing uploaded
  • Free, no sign-up

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.

Drop an image here, or click to choose a file
Preview
🛡
100% PrivateNo server uploads, ever
InstantRuns in your browser
💧
No WatermarksClean output, always
🆓
Free ForeverNo accounts, no limits

How to Use Change Image Base Color

  1. 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.
  2. 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.
  3. Choose the base colour. Use the colour picker - default is a friendly blue (#3498db). The preview re-renders live on any colour change.
  4. Set intensity. 0% leaves the image untouched. 100% applies the full effect. Values between blend smoothly between original and processed.
  5. Pick an output format. PNG keeps transparency and is lossless. JPEG is smaller and adds a quality slider.
  6. Click Apply or press Ctrl/Cmd+Enter. The preview also updates automatically as you drag the intensity slider.
  7. 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.

Keep going

Related Tools

All Image tools →

Change Horizontal Image to Vertical Image

Rotate landscape images 90° CW or CCW, or pad them to portrait aspect (4:5,…

Change Image Quality and Compression

Change Image Quality and Compress JPEG, WebP, or PNG images with a live quality…

Change Vertical to Horizontal Image

Rotate a vertical (portrait) image to horizontal (landscape) instantly. 90° CW/CCW or 180°. Free,…

Convert Image to Color Mosaic

Convert images to color mosaics - 4 tile shapes, color quantization, adjustable gaps. Free,…

Create Image With One Color

Create solid color images at any size with optional alpha transparency. 8 quick presets.…

Create Two Color Image

Create two-color patterns - stripes (H/V/diagonal), checkerboard, dots, hexagons, linear/radial gradient. Configurable scale +…

Extract Object By Color from Image

Pick a color (or click on the image) and extract pixels matching it -…

Add Background to Image

Add background to images online for free. Change image background color. Fast, private, 100%…

Add Border to Image Online - Photo Frame Effect

Add border to any image online. Upload photo, customize border, download. 100% private.

Add Image Effect Online - Apply Photo Effects

Add effects to images online for free. Apply grayscale, sepia, vintage, and more. Fast,…

Add Noise to Image

Add noise to images online for free. Apply grain effect to your photos. Fast,…

Add Rainbow Filter to Image

Add rainbow filter to images online for free. Apply colorful rainbow effect to any…

Share

Embed this tool

Add this free tool to your website. Copy and paste the code: