About this tool
Colour Overlay places a flat colour over your image and blends it using Normal, Multiply, Screen, Overlay or Soft Light blend modes — replicating Photoshop layer blending directly in your browser, at pixel level.
How it works
- 1Upload your image and pick an overlay colour.
- 2Choose a blend mode: Normal, Multiply, Screen, Overlay or Soft Light.
- 3Adjust the opacity with the slider.
- 4The preview updates live — download when happy.
Common use cases
- ✓Brand-colour tinting of photos
- ✓Creating mood boards
- ✓Design mockups with colour washes
- ✓Social media graphic design
Privacy first. Colour Overlay runs entirely inside your browser using the HTML5 Canvas API. Your images are never uploaded to any server, stored anywhere or shared with third parties. Everything happens locally on your device.
More Colour & Tone tools
Brightness & Contrast
Adjust image brightness and contrast with professional-grade controls.
Greyscale Converter
Convert colour photos to greyscale using four professional methods.
Sepia Tone
Add a warm vintage sepia tone to any photo.
Invert Colours
Invert image colours to create striking negative effects.
Duotone
Create striking duotone images with shadow and highlight colours.
Colour Swap
Click any colour in your image and swap it for another.