How to Change Photo Background to Any Color (White, Blue, Black, More)

Change the background on this site

You do not need Canva, Figma, or Photoshop for a solid color behind a cutout. Open the tool.

Choose Subject for a photograph. Choose Edge color only if a flat color already touches the outer edge and you want that border color removed without the model. Interior whites, such as a letter counter or a product highlight, stay.
Upload the image. The first Subject run downloads the model. How long that takes depends on the device.
Select white, black, or the custom color control. The checkerboard is for checking transparency, not for the final colored file.
Download flat PNG or JPEG for the colored result. Download transparent PNG, with no solid color selected, if you still want a master.

Use another editor only if you need type, shadows, or a layout this page does not make. Hair, glass, and low contrast can look wrong on the new color even when they looked fine on the checkerboard.

Original strawberry photo before background removal — Original file used for this example: public/examples/example-fruit.png, 642 by 350 pixels.

Strawberry cutout exported as a transparent PNG — Subject mode, transparent PNG, same 642 by 350 pixels. Produced in the local browser on 11 October 2026. This is one example, not a score.

The same strawberry cutout exported as a JPEG on white — Same cutout with white selected, downloaded as JPEG. The file is 642 by 350 and has no alpha channel.

Close crop of the strawberry leaf edge from the transparent PNG — Crop of the transparent PNG around the leaves. Look here for clipped tips or a halo. Not a measured quality result.

Changing background color is a high-impact edit for product listings, passport photos, and ad creatives. The cleanest method is remove first, then recolor.

Step 1: Create transparent cutout

Upload your photo to nobackground tool and export PNG with transparency.

Step 2: Add target color

On the tool, select white, black, or a custom color, then download a flat PNG or JPEG. Keep the transparent PNG as the master. Use Canva, Figma, or Photoshop only if you still need type, shadows, or a layout this site does not make.

Step 3: Export by destination

Marketplaces: usually white JPG.
Ads/social: color variants for A/B testing.
Design systems: keep transparent PNG master files.

Color strategy tip

Use neutral backgrounds for catalogs and stronger brand colors for campaign creatives. Consistency often matters more than novelty.

Popular color choices by use case

Pure white (#FFFFFF) remains the default for most marketplaces because it matches how buyers expect a catalog to look. Light gray (#F2F2F2 or similar) is a common alternative that reduces the harsh contrast of pure white while still reading as neutral. For social ads, brand-colored backgrounds tend to outperform plain white or gray because they stand out more in a crowded feed, though it is worth testing both since results vary by audience and product category.

Checking a color before you publish everywhere

Before rolling a new background color out across an entire catalog, place it behind a handful of representative products first, including your lightest and darkest items. A color that looks great behind a dark product can wash out a pale one, so it is worth a quick visual check across a few SKUs rather than assuming one color works universally.

Frequently asked questions

Should I use the same background color everywhere, including social media?
Not necessarily. Marketplaces often require or strongly prefer white, while social and ad creatives usually perform better with brand colors or seasonal variations.

What is the easiest way to keep a master file for future recoloring?
Keep the transparent PNG (before you added any background color) as your master file, so you can drop in a new color at any time without repeating the cutout step.

Contrast and readability considerations

If your listing or design will show text or price badges over the background color, check contrast between that color and your overlay text, not just the color against the product itself. A background that flatters the product but leaves a price tag hard to read will hurt conversion even though the photo looks fine on its own.

Matching background color across a product line

If you sell the same product in multiple colorways, keeping one consistent background color across the whole line usually reads as more professional than choosing a complementary shade for each variant. Buyers scanning a grid of thumbnails scan faster when the background is identical from one listing to the next, since only the product itself changes between images.

Quick recap

On this site the two steps are the cutout, then a solid color selected in the tool. Transparent output is a PNG. A flat color can be PNG or JPEG, and JPEG has no transparency. Another editor is optional, and only for type, shadows, or a layout this site does not make. Keeping the transparent version as your permanent master file means you can update the background color later, per platform or per campaign, without ever touching the original subject again.

Transparent master first, color second

The durable workflow is the cutout, a transparent PNG, then white, black, or a custom color in the tool. A flat PNG or JPEG can carry that color. JPEG has no transparency. Skipping the transparent master and exporting only a flat JPEG locks you into one campaign color. When the palette changes, you re-cut from scratch.

Color QA traps

Light fringing on dark brand colors - check edges on the actual hex, not only on checkerboard.
Subject clothing that matches the new background - raise contrast or pick a different hex.
Marketplace rules that demand pure white (#FFFFFF), not off-white brand cream.

For ecommerce white, composite carefully and verify with a color sampler. For social creatives, soft gradients behind a clean cutout often look more intentional than a hard neon slab.

Original testing note from our catalog days

When we process sample product sets, the fastest path is sequential cutouts, then white, black, or a custom color in the tool. A Figma or Canva board is only for shared swatches, type, or layout after that. Teams that skip the shared swatch invent five almost-identical whites and the storefront looks accidental.

Brand systems and accessibility

When you drop a cutout onto a brand color, check contrast for any overlaid text. A portrait on neon may look bold in Figma and fail WCAG on a landing page. Keep a neutral gray version of the same cutout for text-heavy layouts.

Document approved background hexes next to the PNG master. Designers reinventing “almost brand blue” is how campaign assets stop matching the product detail page.

Check the result before you use it. Hair, glass, and thin lines can be clipped. There is no published scorecard for this site.