Tint an image — wash a photo with any colour

How to use Image Tint

1. Choose one or more images.
2. Pick the Tint colour. The default is a mid blue, #3b82f6.
3. Set Strength from 0% to 100%. The default is 60%.
4. Choose Save as and Quality, then press Apply.

What it does and when to use it

A tint ties a picture to a colour. Designers use it to make a set of photos look like one family, to match a banner image to a brand colour, or to calm a busy background so white text on top stands out. A warm orange tint gives an evening or vintage feel; a cool blue one makes a scene feel colder or calmer.

Because it multiplies rather than paints over, the photo’s light and dark areas stay readable. For a stronger graphic look where the original colours disappear, use Image Duotone. For the classic brown old-photo look, Image Sepia is ready-made. To shift colours rather than colour them, use Image Hue Rotate.

How it works

For each red, green and blue value v, with tint channel c and strength s (0–1):

output = v × (1 − s) + (v × c ÷ 255) × s

The second part is a multiply blend: v × c ÷ 255. It is then mixed with the original by the strength. Black stays black, because 0 multiplied by anything is 0. Transparency is not changed. The work happens in a background worker in your browser, so the photo never leaves your device.

Worked examples

These values come from the tool’s own formula.

• Default blue (#3b82f6, which is 59, 130, 246) at 60%, on white. Red: 255 × 0.4 + 59 × 0.6 = 137.4. The white becomes (137, 180, 250), a light blue. Black stays (0, 0, 0).
• The same tint on a warm brown pixel (200, 100, 50). It becomes (108, 71, 49), darker and cooler.
• Warm orange (#f97316) at 40%, on white. White becomes (253, 199, 162), a soft peach, and the brown pixel becomes (198, 78, 32).

Limits and tips

• Light tints at low strength are the most subtle. Strong, dark tints quickly make a photo murky.
• Pure greys pick up the tint fully, so a black-and-white photo tinted at 100% becomes a single-colour image.
• The tint covers the whole picture. To colour only the edges, try a coloured vignette.