Color Overlay

Lay a color over your image, set how strong it is, and choose how it blends.

or browse filesdrop an image here or paste

Overlay color
Presets
Image with a color overlay applied
.png

Add a Color Overlay to Any Image

A color overlay, or colour overlay, is a single flat color laid across the whole picture, and it is the quickest way to give a photo a mood, match a brand color, or tie a set of images together so they look like they belong to each other. Open an image, pick the color, and set how strong it should be. The preview updates as you drag, and the download keeps your photo at its original resolution.

Pick a color three ways: tap one of the six stock swatches, open the custom picker for an exact hue, or start from a preset that sets the color, the strength and the blend in one tap.

Blend Modes Decide What the Color Actually Does

Opacity alone gives you the classic wash: the color sits over the photo like colored glass. The blend mode changes the rule the color follows, and it is what separates a flat tint from something that still looks like a photograph.

Normal paints the color straight over the image, evenly across light and dark areas. Multiply only ever darkens, so highlights take the color while shadows deepen, which is what makes sepia and warm filters read as film rather than paint. Screen only ever lightens, good for hazy, faded and pastel looks. Overlay and Soft light push both directions at once, deepening the shadows while lifting the highlights, so contrast survives the tint. Color is the one that keeps every bit of the original brightness and texture and swaps only the hue, which is how you turn a photo monochrome in a color of your choosing.

Presets for What Overlays Are Actually For

The five presets are starting points, not endings. Dark scrim and Light scrim are the everyday ones: a black or white wash that knocks the picture back so text laid over it stays readable, which is the single most common reason to put a colour over an image at all. Duotone uses the color blend at full strength, so the photo keeps every bit of its brightness and texture but ends up monochrome in the colour you chose. Warm and Cool are gentle washes for mood. Tap one, then move the opacity slider or change the colour, and the preset simply becomes yours.

If what you want is a photographic colour cast rather than a colour laid on top - sepia, a vintage look, a warm or cool film feel - the image tinter is built for exactly that and will get you there faster.

Full Resolution, and Transparency Survives

The sliders work on a preview scaled to fit your screen, but the download is rendered from your original pixels using the same blend the browser used for the preview, so the saved file matches what you saw and is as sharp as the picture you started with.

If your image has transparent areas, they stay transparent. A flat color fill would normally flood the holes in a PNG logo, so the overlay is masked back to the shape of the original before it is saved. Save as PNG or WebP to keep that transparency, or JPG if you do not need it.

Private by Design

Your photo is opened, tinted and saved entirely inside your browser. Nothing is uploaded to any server, there is no signup and no watermark, and the tool keeps working offline once the page has loaded. Private pictures stay on your device from the first click to the saved file.

If you want to change one specific colour in a picture rather than cover the whole thing, the color changer does that instead, and for a photographic colour cast there is the image tinter. For more control over the picture itself, the black and white converter, hue shifter, contrast and brightness tools work the same way, and there are hundreds more utilities across the site.

Frequently Asked Questions About Color Overlays

How do I add a color overlay to an image?

Open the image, choose a color from the swatches or the custom picker, then drag the opacity slider until the tint is as strong as you want. Pick a blend mode if you want the color to darken, lighten or keep the original brightness, and press download.

What is a color overlay?

It is a solid color laid over an entire image at some level of transparency, so the picture shows through it. Designers use it to make text readable over a busy background image, to match a brand color, or to give a whole set of images one consistent look. A tint is the related but narrower idea of pushing a photo toward one colour like a filter over the lens - the image tinter does that.

Which blend mode should I use?

Normal for a plain even wash, multiply when you want the color to darken and deepen shadows, screen when you want a light faded look, overlay or soft light to tint without losing contrast, and color when you want to keep the photo's brightness and texture and change only the hue.

Does the overlay reduce my photo's quality?

No. The color is composited onto your original pixels at full resolution when you download, using the same blend as the preview. PNG and WebP output keep transparency and are lossless or near lossless; JPG saves at high quality but drops any transparent areas.

Can I put a color overlay on a transparent PNG?

Yes. The overlay is masked back to the shape of your image before saving, so transparent areas stay transparent instead of filling with the color. Save as PNG or WebP to keep them.

Is my photo uploaded when I use this?

No. The whole thing runs in your browser: the picture is opened locally, tinted on your device and saved straight back to it. Nothing is transmitted to any server.