What is a color overlay?

A color overlay places a semi-transparent layer of solid color over the entire image. The opacity controls how much of the original image shows through versus the color. At 0% opacity the image is unchanged; at 100% the image is completely covered by the color.

Can I use more than one color overlay?

Yes. You can stack unlimited color overlay layers. Add as many colors as you need, adjust each layer's opacity and blend mode, then reorder them to control which appear on top.

What blend modes are available?

The tool offers 12 blend modes including Normal, Multiply, Screen, Overlay, Soft Light, Hard Light, Color Dodge, Color Burn, Difference, Exclusion, Lighten, and Darken. Each creates different color interactions between layers. These follow the CSS compositing standard.

Can I use this to make a duotone effect?

You can approximate duotone effects by stacking two color overlays with different blend modes. For a true duotone with precise shadow and highlight mapping, use the dedicated Duotone Effect tool.

Does the overlay affect the image resolution?

No. The overlay only changes pixel colors. Image dimensions and resolution stay identical to the original. A 4000x3000 pixel image remains 4000x3000 pixels after processing.

What file size limits apply?

The tool supports images up to 200MB. Most web-optimized images are under 5MB, so this covers typical use cases. Processing time scales with image size, usually 1-5 seconds for standard photos.

Are my images uploaded?

No. All processing runs in your browser using the Canvas API. Your images never leave your device or transmit to any server.

Yes, completely free with no account needed. No subscription, no watermarks, no limits on the number of images you can process.

Images Tool Box

Editing

Color Overlay Image Online Free

Apply multiple color overlays and tints to any photo with full control. Stack unlimited color layers with opacity and blend mode controls. Create duotone-like effects, brand color washes, and creative color compositions. All processing runs in your browser.