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, darkening darks and lightening lights. Boosts contrast.
  • Linear Dodge (Add)Adds the overlay color to the base. Same as Add, creating 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, with dramatic contrast enhancement from the overlay color.
  • Soft LightSubtle version of Overlay that 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, producing 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 FromChoice
Default: Luminance
Color image connected to the mask input

How the connected color image is read as a mask. Luminance: the image's brightness. Alpha: the image's transparency. Red / Green / Blue: a single channel

  • LuminanceRead the image's brightness as the mask. The default.
  • AlphaRead the image's transparency as the mask.
  • RedUse the red channel as the mask.
  • GreenUse the green channel as the mask.
  • BlueUse the blue channel as the 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, with 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.