Color Overlay on Image - Overlay and Blend
Overlay a color on your images with different blend modes.
Drop an image here
or click to select
Supported formats
How it works
Upload your image
Choose an overlay color
Select a blend mode
Adjust opacity and download
Privacy guaranteed
Local processing in your browser. Images 100% private.
Overlay a color with blend modes
Color overlay with blend modes is a powerful technique to transform your photos. Unlike a simple filter, blend modes (multiply, screen, overlay, etc.) intelligently interact with existing colors and brightness for professional results. Layer a color overlay onto your image with blend mode (multiply, screen, overlay) and adjustable opacity: quick retouch and chromatic harmonization. Adjust hue, saturation, lightness and opacity with real-time preview, then copy clean CSS code (HEX, RGB, HSL) sRGB-compliant for your linear, radial gradients, colored shadows and modern filters.
The 15 blend modes explained
Multiply: darkens and intensifies. Screen: lightens. Overlay: increases contrast. Color: changes hue, keeps brightness. Soft-light: soft effect. Hard-light: dramatic effect. And much more.
Color grading for photos and videos
Professionals use overlay for color grading. Add a warm tint to highlights and cool to shadows with "color" mode. Create specific atmospheres that enhance the emotion of your visuals.
Harmonize an image series
Apply the same overlay to multiple photos to create visual consistency. Perfect for portfolios, Instagram feeds, lookbooks and product presentations. A unified visual identity in just a few clicks.
Precise opacity control
Adjust opacity from 0% to 100% to control effect intensity. Subtle overlays (10-30%) are perfect for a natural look. Intense overlays (70-100%) create artistic and graphic effects.
Free tool without signup
Your images are processed locally in your browser - total privacy. Export in high quality PNG for all your uses.
Color overlay for banners and hero sections
A dark overlay (40-60% black) on a photo ensures the readability of text placed over it. Our tool tests multiple levels and colors in real time to find the perfect balance.