Change the background color of a photo Any colour behind your photo.
Tap a colour, type a code, or pick one straight from the picture.
or drop it here · paste with Ctrl+V
Free · No sign-up · Photos stay on your device
Works with JPG, PNG, WebP, HEIC from an iPhone, GIF and BMP.
Any colour behind the subject — pick it, type it, or take it from the photograph itself. The value is stated before you save and read back off the file after.
What this mode does
It opens on the Background layer with the full picker unfolded: a saturation and brightness square, a hue strip, and the same value as hex, RGB and OKLCH. Press Pick from the photo and the next click on the picture sets the ground to the colour under the pointer. The statement beside Save names the exact value that will be written, and the receipt reads it back off the decoded file.
Steps
- Open the photographDrop it in, paste it or pick it. The outline is worked out from colour and edges straight away; the Subject layer offers on-device models with their sizes.
- Choose the colourDrag in the square, type a hex value, set RGB or OKLCH, or use the eyedropper on the photograph. Swatches for the common form colours sit above the picker.
- Look at the edge against itIf the page warns that the ground is close to the subject's edge colour, move the lightness or add a contact shadow. Press C to compare against the original.
- Check, then saveCheck before saving encodes the file and measures it; Save does the same and downloads it. PNG keeps the value exact.
Picking a colour that holds an edge
A background colour is judged at the outline, not in the middle of the frame. Put dark hair on near-black and the head loses its shape; put a white shirt on pale grey and the shoulders dissolve. The contrast warning measures this rather than guessing: it reads the subject’s own colour just inside the outline and tells you when your ground is within 0.08 of it in OKLab, the distance at which edges stop reading. Lightness is the lever that matters most — in OKLCH you can move it alone and keep the hue you chose.
What it cannot do
- It cannot make a lossy file carry an exact value. JPG and WebP land a level or two either side; the receipt reports the measured median, and PNG is one press away.
- It cannot read colour that is not in the photograph. The eyedropper samples the decoded pixels, so a blown highlight reads as white, whatever the object really was.
- It does not save a cutout with nothing behind it; every file has the ground you chose.
Questions about background colours
Can I match the background to a colour that is already in my photo?
Yes. Press Pick from the photo and click anywhere on the picture: the page reads the decoded pixels under the pointer (a 3 × 3 average, so one noisy pixel does not decide it) and sets the ground to that value. It works in every browser because it reads the photograph itself; where the browser also offers a screen-wide eyedropper, a second button uses it.
Which number do I give a designer — hex, RGB or OKLCH?
All three describe the same sRGB value, and the picker shows them side by side. Hex and RGB are what most brand sheets and forms quote. OKLCH is the one to adjust in: moving its lightness changes how light the colour looks without shifting its hue, which is not true of RGB.
Why does the page warn me that my ground is too close to the subject?
Because the outline will be hard to read. The page measures the subject's colour just inside its outline and compares it with your ground in OKLab; under 0.08 apart, hair and shoulders blend into the background. A lighter or darker ground, or a contact shadow, separates them.
Is the colour in the saved file exactly the one I picked?
As PNG, exactly — and the receipt says so after it decodes the file. As JPG or WebP, a flat ground comes back within a level or two of the value, because those formats are lossy; the receipt prints the median it measured so you can see by how much.
Can I keep my brand colours for next time?
Add up to eight colours to your palette. They stay for this visit; tick Remember on this device and the colour values (nothing else) are kept in this browser's storage until you untick it.
Why is there no page for red, grey or black backgrounds?
Because they are all this page. Any colour is a value in the picker, and a separate page per colour would only repeat this one with a different heading.
Related
- White backgroundOpens on document white, with the off-white escape hatch beside it.
- Blue backgroundAn exact light-blue swatch for ID-card and form photographs.
- ID photo backgroundPick the form, and the ground, pixel size and kilobyte window follow — with a crop frame and a check on the saved file.
- Studio backgroundsTwelve seamless studio grounds, previewed with your own subject and matched for light and shadow.
The image you open is read by this page and by nothing else — there is no server behind this domain that could receive it, the outline is worked out inside your own browser either by arithmetic or by an on-device model, and if you ask for a model it is the model that is downloaded to you rather than your photo being sent to it.
