Skip to content

Color Overlay

Color Overlay
Color

Applies a solid color overlay to an image using a chosen blend mode and opacity.

Color

Overlay ColorColor (RGB)
Default: rgb(255, 0, 0)

Overlay color (red channel)

Blend

Blend ModeChoice
Default: Normal

Blend mode

  • 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 DodgeAdds 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.
Opacity %Number
Default: 100.0 Range: 0–100

Strength of the color overlay effect

Mask

Mask FitChoice
Default: None

Mask sizing

  • NoneCenter 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.
  • FitScale the mask to fit inside the image, preserving aspect ratio. Letterboxes where needed.
  • FillScale the mask to fill the image, preserving aspect ratio. Crops edges if aspect ratios differ.
Notes

Mask Fit only visible when mask is connected.

Pins: image (required), mask (optional). Alpha channel is preserved.