Tint an image by blending one color over the source pixels. The result depends on the tint color, blend mode, strength, and the image underneath.
Color tint controls
Tint Color chooses the overlay color. Use an exact hex value when the tint needs to match a brand or layout color.
Blend Mode decides how the tint mixes with the image:
- Multiply darkens and colors the image
- Screen creates a lighter color wash
- Soft Light adds a restrained tint with less harsh contrast
- Color keeps brightness and replaces hue and saturation
- Difference creates an inverted, experimental result
Strength blends the tinted result with the original. Lower it before changing colors when the tint is close but too strong.
Base saturation, contrast, and invert input
Base Saturation changes the source image before tinting. Set it to 0% for a grayscale base, or keep it near 100% when original colors should still show through.
Contrast changes the source contrast before the tint is applied. A stronger contrast base can keep the image readable under a dark overlay.
Invert Input flips the source image before tinting. It works best with Difference, Hard Light, and other stronger blend modes.
Starting points
For a light photo tint, start with Soft Light, Strength 30% to 45%, Base Saturation 100%, and neutral Contrast.
For a stronger brand-color overlay, use Multiply or Color and raise Strength above 60%. If the original colors fight the tint, lower Base Saturation first.
For a monochrome tinted image, set Base Saturation to 0%, then choose Color or Multiply and adjust Strength.
Output and transparency
The export uses the original file type: PNG stays PNG, WebP stays WebP, and JPEG stays JPEG. Transparent pixels in PNG and WebP remain transparent because the tint pass skips fully transparent pixels.
Preview uses a capped size for responsiveness; download renders from the full source dimensions.