Skip to content

Color Overlay

Color Overlay
Color

Applies a solid color overlay to an image using any of 18 blend modes with adjustable opacity.

Color Overlay fills the image with a single flat color and blends it using one of 18 standard blend modes. The opacity slider controls how strongly the overlay affects the image.

This is useful for tinting images, creating color washes, simulating lighting effects, or adding a color cast. Connect a mask to restrict the overlay to specific regions.

Pins

ImageImage
InputRequired
MaskMask
InputOptional
ImageImage
Output

Color

OverlayColor (RGB)
Default: rgb(255, 0, 0)

Overlay color

Blend

Opacity (%)Number
Default: 100 Range: 0–100

Strength of the color overlay effect (percent)

Blend ModeChoice
Default: Normal

How the overlay color is blended onto the image

  • NormalStandard layering — the color covers the image based on opacity.
  • MultiplyDarkens by multiplying pixel values. White is neutral. Great for shadows and tinting.
  • ScreenLightens by inverting, multiplying, and inverting again. Black is neutral. Great for light effects.
  • OverlayCombines Multiply and Screen — darkens darks and lightens lights. Boosts contrast.
  • Linear Dodge (Add)Adds the overlay color to the base. Same as Add — creates bright, glowing results.
  • SubtractSubtracts the overlay color from the base. Creates dark, negative-like effects.
  • DifferenceShows the absolute difference between the image and overlay color. Identical values become black.
  • Hard LightStrong version of Overlay — dramatic contrast enhancement from the overlay color.
  • Soft LightSubtle version of Overlay — gently increases contrast without harsh clipping.
  • DarkenKeeps the darker value between the image pixel and the overlay color.
  • LightenKeeps the lighter value between the image pixel and the overlay color.
  • Color DodgeBrightens the image toward the overlay color. Creates intense, blown-out highlights.
  • Color BurnDarkens the image toward the overlay color. Creates deep, saturated shadows.
  • ExclusionSimilar to Difference but with less contrast — produces a softer inversion effect.
  • HueReplaces the image hue with the overlay color hue, keeping saturation and luminance.
  • SaturationReplaces the image saturation with the overlay color saturation, keeping hue and luminance.
  • ColorReplaces the hue and saturation with the overlay color, keeping the image luminance.
  • LuminosityReplaces the image luminance with the overlay color luminance, keeping hue and saturation.

Mask

Mask FitChoice
Default: None (native size)
Mask connected

How the mask is sized when it doesn't match the image. None: center at native size, no scaling. Stretch: scale to exactly match image dimensions. Fit: scale to fit inside image, preserving aspect ratio. Fill: scale to fill image, cropping overflow

  • None (native size)Center the mask at its native size — no resizing. Unmasked regions are unaffected.
  • StretchStretch the mask to exactly match the image dimensions. May distort the mask shape.
  • Fit (letterbox)Scale the mask to fit inside the image, preserving aspect ratio. Letterboxes where needed.
  • Fill (crop)Scale the mask to fill the image, preserving aspect ratio. Crops edges if aspect ratios differ.
  • Use Multiply mode with a dark color to simulate shadows or a vignette effect.
  • Screen mode with a warm color creates a light leak or haze look.
  • Use Color mode to tint an image while preserving its original luminance.
  • Connect a mask to apply the overlay only to a specific region.