Color effects and filters
Loading...
Loading...
Loading...
Colorize the image with an overlay
To create a color overlay by using colorize=X[,Y], where X is the color of the overlay (hex value or color name) and Y is the opacity (Y=0..1
, default 0.5
).
colorize=X[,Y] | colourise=X[,Y]
Preview | Syntax |
---|---|
Original image: /docs/frog.png?w=400
Color overlay: /docs/frog.png?w=400&colorize=red,0.85
Desaturate and color overlay: /docs/frog.png?w=400&saturate=-100&colorize=7af,0.6
Grayscale and color overlay: /docs/frog.png?w=400&gray=1&colorize=7af,0.6
Preview | Syntax |
---|
Original image:
Grayscale image:
Duotone transform
Create a duotone effect by using duotone=C1,C2[,Y], where C1 and C2 are the colors for the duotone (hex value or color name) and Y is the opacity (Y=0..1
, default1
).
duotone=C1,C2[,Y]
Preview | Syntax |
---|---|
Original image: /docs/mountains.jpg?w=400
By default, the image is desaturated first: /docs/mountains.jpg?w=400&duotone=000080,ffff00
If you prefer, you can convert to grayscale instead: /docs/mountains.jpg?w=400&duotone=000080,ffff00&gray=1
60% opacity (0.6) of the filter: /docs/mountains.jpg?w=400&duotone=000080,ffff00,0.6