How Image Tinting Works: Blend Modes, Explained with Code

Automated excerpt

Here's a color tint over a loaded image: function tintImage(img, { color = "#5B8DF0", mode = "screen", strength = 0. 45 }) { // Layer the color with the chosen blend mode (screen, multiply, overlay, ... ). // Mix the result back toward the original by (1 - strength). Crank strength toward 1 and the color takes over. A strong tint over an already-saturated photo fights the source color.

Selected automatically from source text; not independently written or fact-checked. Read the original for full context.