Learning Less.js

Color blending

Our final group of functions handle the blending of colors within Less:

Function	Purpose of the function	Example value
multiply	Multiplies two colors.	multiply(#9ec1ef, #091d37);
screen	Does the opposite of multiply. The result is a brighter color.	screen (#9ec1ef, #091d37);
overlay	Combines the effects of both multiply and screen. Conditionally makes light channels lighter and dark channels darker.	overlay (#9ec1ef, #091d37);
softlight	Similar to overlay but avoids pure black resulting in pure black, and pure white resulting in pure white.	softlight (#9ec1ef, #091d37);
hardlight	The same as overlay but with the color roles reversed.	hardlight (#9ec1ef, #091d37);
difference	Subtracts the ...