Image Color Overlay Online
Add a color overlay with blend modes. Free, no signup, works in your browser.
About Color Overlay
This image overlay tool blends a solid color on top of your photo using standard blend modes like multiply, screen, overlay, and color. It is commonly used to add branded color tints to hero images, create duotone effects for marketing materials, or apply a uniform color wash across a set of photos for a cohesive look.
Frequently Asked Questions
How do I add a color overlay to an image?
Upload your image, choose an overlay color using the color picker, select a blend mode (multiply, screen, overlay, or color), and adjust the opacity. The preview updates in real time.
What do the blend modes do?
Multiply darkens the image through the overlay color (great for moody tints). Screen lightens it. Overlay increases contrast while tinting. Color changes hue/saturation while keeping luminosity.
What is a good opacity for a color overlay?
For subtle tinting, use 20-30% opacity. For a noticeable color wash, use 40-60%. For a strong branded overlay, use 70-90%. The ideal setting depends on your use case.