← back to tools

Colour Overlay

Add a semi-transparent colour over any photo. Make text readable, set a mood, or match your brand. Instant live preview.

Processed in your browser — image never leaves your device
🎨

Drop your photo here

or browse to upload

—
—
Colour Presets
Colour
#000000
Opacity
0 = invisible, 100 = solid fill
50%
Feather (Vignette)
Fade overlay toward centre
0%
Blend Mode
Overlay Type
Format
Live Preview
preview
Your Headline Here
Subtext looks great over a colour overlay.
Readable, clean, on-brand.
Rendering overlay…

Why you need this

Text readability on photos

A dark overlay at 40–60% opacity turns any busy background photo into a canvas where white text is perfectly legible — the standard trick for hero banners and Instagram stories.

Brand colour tinting

Apply your brand colour at low opacity (15–30%) to unify a mix of stock photos. Suddenly every image looks like it belongs to the same campaign.

Gradient overlays for cinematic feel

Bottom Fade is the secret weapon for video thumbnails — darken the lower half so a title card sits perfectly at the bottom without obscuring the main subject.

Blend modes for mood

Multiply deepens shadows for drama. Screen lifts highlights for a dreamy look. Color tints without affecting brightness — great for duotone effects.

Vignette / Feather

The Feather slider fades the overlay toward the centre of the image, drawing the viewer's eye inward — classic portrait and product photo technique.

100% private, zero upload

Everything runs via the Canvas API in your browser. Your photo never leaves your device. Works offline once the page loads.