Uwarp

Or try an example

Strongness

Help Us Improve

—

(—)

Recolor image online

Recolor images online with a color picker and strongness slider. Image color changer for global tints—live preview, PNG download in your browser.

What is image recolor?

Image recolor shifts every pixel toward a selected color—whether you search for an image color changer, recolor image tool, or change image color online. Each red, green, and blue channel blends between its original value and the target tint; strongness sets how much of that blend is applied. It is global tinting, not selective color replacement or background-only edits. Upload a photo, pick a color, adjust strongness, preview, and download PNG—all processing runs in your browser.

Colorize controls

Image color changer with swatch and strongness—recolor image globally for tints and brand washes.

  1. Recolor image with color picker: Blend each RGB channel toward a chosen hex—change image color without masking in a full editor.
  2. Strongness 0 to 100: Control how strongly pixels blend toward the tint—subtle wash or full colorize.
  3. PNG and picture color changer: Tint icons, cutouts, and photos (PNG, JPEG, WebP, GIF)—alpha stays intact on transparent PNGs.
  4. Live side-by-side preview: Output updates when you change color or strongness, then download PNG.

How to change image color online

Steps for image recolor and picture color changer workflows.

  1. Upload the image: Drop or click in the input panel (15 MB max).
  2. Pick a color: Use the swatch or enter a hex code for your target tint.
  3. Set strongness: Start around 30–60 for a visible wash; lower for subtle tone.
  4. Download PNG: Save when the preview matches your goal.

Tips for recoloring

Get better results from the image color changer.

  1. Start moderate: Strongness 40–60 often looks more natural than 100 on color photos.
  2. Use grayscale first: Convert to grayscale elsewhere for cleaner single-color results.
  3. Match brand hex: Paste exact values from your design system into the hex field.
  4. Compare at zero: Set strongness to 0 to judge how much tint you added.
  5. Warm vs cool: Orange and red tints feel vintage; blue and teal feel modern.
  6. Use PNG for logos: Alpha is preserved when tinting transparent graphics.

When to recolor images

Typical uses for an image color changer and global tint.

  1. Brand mockups: Wash photos toward campaign hex colors for decks.
  2. Social graphics: Unify feed aesthetics with a shared tint.
  3. Posters: Push photos toward one dominant hue for print-style looks.
  4. UI placeholders: Tint stock photos to match app primary colors.
  5. Mood exploration: Try warm vs cool tints before manual grading.
  6. Grayscale recolor: Turn B&W shots into single-color art at high strongness.

Why use this recolor tool

Benefits of browser-based image color changing.

  1. Exact hex target: Pick or paste the color you need—not a vague filter name.
  2. Private: Images stay on your device—no server upload.
  3. Instant preview: See strongness changes before download.
  4. Preserves alpha: Transparency on PNG uploads stays intact.
  5. No install: Works in any modern browser with Canvas 2D.
  6. Free: Unlimited previews and downloads.

Technical details

How global colorize processing works here.

  1. Blend formula: channel = channel − (channel − target) × (strongness / 100)—CamanJS-style colorize.
  2. Color input: 6-digit hex from native color picker or text field.
  3. Alpha channel: Unchanged; only RGB is blended.
  4. Rendering: Canvas 2D getImageData / putImageData.
  5. Input limits: 15 MB; longest edge 8192 px.
  6. Browser support: Chromium, Firefox, Safari with Canvas 2D.

Frequently Asked Questions

Have questions? We have answers.

Related tools

More tools from Image & Conversion.

View all Image & Conversion