Photopea Change Background Color: How to Recolor a Background

The short answer

Photopea is a browser-based image editor with a Photoshop-style layout. How you change a background color in it depends on the image. On a blank canvas or a plain background layer, you can fill the area with a new color in a single step. In a photo with a person or object in front, you first separate the subject from the background with a selection or a layer mask, then place a solid color behind it. The second case takes more work, and the quality of the result depends mostly on how cleanly the subject's edges are selected.

This guide is based on general, widely documented image-editing principles. It does not draw on product-specific test results. Photopea's menu names and tool groupings can change between updates, so the labels below may differ slightly in your version.

Recoloring a blank canvas or plain background layer

• 1. Open or create the document (File > New, or File > Open).
• 2. Select the background layer in the Layers panel.
• 3. Pick a new foreground color from the color swatch in the toolbar.
• 4. Use Edit > Fill and choose the foreground color, or click the area with the Paint Bucket tool.
• 5. For a color you can adjust later, use Layer > New Fill Layer > Solid Color instead. You can then change the color at any time by double-clicking the fill layer's thumbnail.

Changing the background behind a subject in a photo

• 1. Open the photo. If the Background layer is locked, unlock it by clicking the lock icon, or duplicate the layer so the original stays untouched.
• 2. Select the subject or the background. If the background is fairly uniform, the Magic Wand can select it directly. For a person or a complex object, Quick Selection or an automatic subject-selection option usually works better.
• 3. Refine the edges with Select > Refine Edge, especially around hair and soft outlines. This is the step that most affects how natural the result looks.
• 4. With the subject selected, add a layer mask. The background becomes transparent, but the pixels are hidden rather than deleted. If you selected the background instead, invert the selection first (Select > Inverse).
• 5. Add a solid color fill layer (Layer > New Fill Layer > Solid Color) and drag it below the subject layer in the Layers panel.
• 6. Check the edges for halos left over from the old background, and paint on the mask in black or white to fix them.
• 7. Export with File > Export As, choosing PNG or JPG.

Shifting the existing background color instead of replacing it

You may want to keep the background's texture, lighting and shadows and only change its hue. In that case, select the background as described above and apply Image > Adjustments > Hue/Saturation, or use a Replace Color adjustment. These tools change the tone without flattening the area into a single color. That tends to look more natural on textured walls or gradients, but it is harder to control when the subject shares colors with the background.

How this differs from live background replacement on a webcam

Photopea edits still images. It does not change your webcam feed in real time. Live background replacement happens inside conferencing apps or virtual camera software, which segment the person from the background frame by frame. Photopea can still help by producing a clean solid-color or custom image to load into those tools as a virtual background. When you prepare one, match the aspect ratio your camera and app use (many webcams output widescreen 16:9) so the image is not stretched or cropped. Also check which file formats your conferencing app accepts.

A plain, evenly colored background image can also make a virtual background easier to judge. Edge artifacts from the app's segmentation are visible against it, and there is no busy detail to distract from them.

Does any of this affect webcam audio?

Changing a background color in an image editor has no effect on how a webcam microphone captures speech. The image and the audio input are separate. Live virtual background processing in a conferencing app uses computer resources while you are on a call. The supplied material contains no evidence on whether that processing affects audio quality on any particular device or app. Treat that question as unverified. If you notice audio problems while background effects are on, test with the effects off to compare.

Gaps in the available evidence

No confirmed, product-specific evidence was available for this guide. That means no version details, feature changelogs, accuracy comparisons for Photopea's selection tools, or tests of virtual backgrounds in specific conferencing apps. The steps above reflect standard layer, selection and fill workflows shared by Photoshop-style editors. If a menu item is missing or renamed in your copy of Photopea, look for the equivalent command under the same menu.