Skip to main content
Utilnivo

Image workflow

Recolor brand assets

Rebranding often means updating accent colors across icons and graphics. Replace a legacy color, clean up backgrounds, and export WebP versions for the site.

Swap brand colors, export transparent PNGs, and batch convert to WebP.

  • 3 steps
  • About 6 minutes
  • Data stays on this device
  • Updated 2026-07-24
Copy & customize

Workflow

Steps to complete

Work through each step in order. Progress is saved in this browser. Utilnivo does not save uploaded files permanently between tools.

Progress: 0 of 3 steps complete (0%)

  1. Replace color

    Image Color Replacer

    Swap one hex color for another with tolerance for anti-aliasing.

    • On your device
    • No signup
    • Stays on your device
    Open Image Color Replacer

  2. Transparent PNG

    Transparent PNG Maker

    Remove the background color if the asset needs transparency.

    • On your device
    • No signup
    • Stays on your device
    Open Transparent PNG Maker

  3. Bulk WebP

    Bulk WebP Converter

    Convert up to 20 assets to WebP in one ZIP download.

    • On your device
    • No signup
    • Stays on your device
    Open Bulk WebP Converter

Track progress

Your progress

0 of 3 complete (0%). Your progress is saved in this browser.

Printable step list with checkboxes—generated on your device.

Results

Overall output

What you entered and what each step produced appear here. Values used in the next step are passed when supported. Data stays in this browser only.

Run each step and submit the calculator form. Key results will appear here as a connected summary.

Progress: 0 of 3 steps marked complete (0%).

When to use this workflow

  • You are updating brand colors across existing PNG assets.
  • You need transparent exports after recoloring.
  • You want WebP copies for faster page loads.
  • You have a folder of icons to process in batch.

Tips

Tips for better results

  • Start with one file to dial in tolerance before batch converting.
  • Use hex codes from your brand guidelines for from/to colors.
  • Keep originals until you verify colors on a retina display.

FAQ

Frequently asked questions

Will recoloring affect photos?

It targets pixels near the chosen color. Photos with similar tones may need lower tolerance or manual touch-up.

Keep going

Related workflows

Create a transparent logo

Image

Remove a solid background, compress, and generate favicon sizes for your site.

3 steps

  1. Make transparent PNG
  2. Compress PNG
  3. Generate favicons

Prepare product listing photos

Image

Remove backgrounds, add borders, bulk compress, and convert to WebP for your store.

4 steps

  1. Remove background
  2. Add border and padding
  3. Bulk compress
  4. Convert to WebP