Darkly Docs

Blend Modes

How a layer’s color combines with the composite beneath it.

NameCategoryDescription
ColorComponentTakes the hue and saturation of this layer and the brightness of what is beneath.
HueComponentTakes the hue of this layer and the saturation and brightness of what is beneath.
LuminosityComponentTakes the brightness of this layer and the hue and saturation of what is beneath.
SaturationComponentTakes the saturation of this layer and the hue and brightness of what is beneath.
Hard LightContrastOverlay with the layers swapped: the blend color decides the contrast.
OverlayContrastMultiplies dark areas and screens light ones, boosting contrast around mid grey.
Soft LightContrastA gentler Overlay, shading rather than harshly boosting contrast.
Color BurnDarkenDarkens the base by increasing its contrast toward the blend color.
DarkenDarkenKeeps whichever of the two colors is darker, channel by channel.
MultiplyDarkenMultiplies the two colors, darkening everywhere and keeping white transparent.
DifferenceInversionSubtracts the darker color from the lighter one, inverting where they differ.
Color DodgeLightenLightens the base by decreasing its contrast toward the blend color.
LightenLightenKeeps whichever of the two colors is lighter, channel by channel.
Linear Dodge (Add)LightenAdds the two colors together, blowing out to white quickly.
ScreenLightenInverts, multiplies and inverts back, lightening everywhere and keeping black transparent.
NormalNormalReplaces the colors beneath it, scaled by opacity.

All 16 blend modes in Darkly v0.9.0-0-g5cc6474f.