Nodes/ComfyUI Layer Style/LayerStyle: ColorOverlay
ComfyUI Node Runs on cloud

LayerStyle: ColorOverlay

Photoshop's Color Overlay layer style as a node

By chflame163·Created 3 years ago·Updated 4 days ago· 3,113
LayerStyle: ColorOverlay
  • background_image
  • layer_image
  • layer_mask
  • image
â—„invert_masktrueâ–º
◄blend_mode▾►
â—„opacity100â–º
â—„color#FFBF30â–º

This is Photoshop's "Color Overlay" layer effect, ported straight into ComfyUI. You take a layer (your subject, a logo, a shape), tint it with a solid color through a blend mode, and composite it onto a background - all in one node. Recolor a product, wash a subject in a brand color, tint a silhouette, do a duotone-ish flat fill. If you've used the FX panel in Photoshop, you already know what this does.

The whole LayerStyle side of this pack is about bringing Photoshop's layer model into node graphs, and ColorOverlay is one of the most straightforward pieces of it. It respects a mask, so the tint only lands where your layer actually is, and the blend mode decides how the color interacts with the layer underneath.

How it works

It fills the layer with your chosen color, blends that fill against the layer image using the selected blend mode (multiply darkens, screen lightens, normal just replaces, and so on), applies opacity, and then composites the result over the background using the layer's mask to define its shape. The mask is what keeps the overlay from bleeding onto the background.

The inputs and outputs that matter

  • background_image (IMAGE) - the base the layer sits on.
  • layer_image (IMAGE) - the layer getting the color overlay.
  • layer_mask (optional MASK) - the layer's shape. Without one it uses the whole layer image.
  • color (STRING, default #FFBF30) - the overlay color, as a hex value.
  • blend_mode - how the color combines with the layer; an enum of 19 modes (normal, multiply, screen, add, color_burn, color_dodge, and more). multiply is the go-to for tinting while keeping shadow detail; normal for a flat fill.
  • opacity (INT, 0–100, default 100) - strength of the overlay.
  • invert_mask (BOOLEAN, default true) - note the default. If the color lands on the background instead of the subject, flip this first.

Output is a single composited image (IMAGE).

How to install it

ComfyUI Manager: search ComfyUI Layer Style, install, restart. Or:

cd ComfyUI/custom_nodes
git clone https://github.com/chflame163/ComfyUI_LayerStyle

Restart to install requirements. No model download.

Common issues & troubleshooting

If the node's missing, it's the pack-wide IMPORT FAILED issue rather than this node - check the startup console for ComfyUI_LayerStyle. The recurring causes: a stale install from before the split into ComfyUI_LayerStyle and ComfyUI_LayerStyle_Advanced (delete and reinstall), or a broken dependency crashing the import. Reinstall clean via Manager.

The number-one head-scratcher is invert_mask defaulting to true - if your overlay is tinting the wrong region, that's almost certainly it. After that, results usually come down to blend mode: if the color is flat and lifeless, you probably want multiply (or color) so the layer's own shading shows through, not normal. If the tint's too strong, drop opacity. And make sure your mask actually matches the layer - a misaligned mask spills the color where you don't want it.

Category😺dzNodes/LayerStyle

Inputs (7)

NameTypeDefaultDescription
background_imageIMAGE—
layer_imageIMAGE—
invert_maskBOOLEANtrue—
blend_modeCOMBO19 options: normal, multply, screen, add, subtract, difference, +13
opacityINT1000–100—
colorSTRING#FFBF30—
layer_maskoptMASK—

Outputs (1)

NameTypeDescription
imageIMAGE—