Color a picture
Color a picture
Filters and effects
Beginner
Color an image to any other color simply by setting the effect
parameter to colorize
(e_colorize
in URLs), then set the color you want as the value of the color
parameter (co
in URLs). The color can be given by either it's name (e.g., green
) or by an RGB value (e.g., 00FF00
).
Here's an example of a smartphone image:
URL
Android
Angular
C#
Java
Javascript
jQuery
Node.js
PHP
React
Ruby
iOS
Vue.js
https://res.cloudinary.com/demo/image/upload/smartphone.png
Here's the same image while being colorized, in this example we'll use the color name (purple
):
URL
Android
Angular
C#
Java
Javascript
jQuery
Node.js
PHP
React
Ruby
iOS
Vue.js
https://res.cloudinary.com/demo/image/upload/e_colorize,co_purple/smartphone.png
A specific RGB color is also supported by setting the color
parameter to #<value>
(co_rgb:<value>
in URLs). For example:
URL
Android
Angular
C#
Java
Javascript
jQuery
Node.js
PHP
React
Ruby
iOS
Vue.js
https://res.cloudinary.com/demo/image/upload/e_colorize,co_rgb:dd14d1/smartphone.png
You can also control the color opacity with a value between 0
to 100
(the default is 100). For example, the following demonstrates the same colorized image with an opacity of 30
:
URL
Android
Angular
C#
Java
Javascript
jQuery
Node.js
PHP
React
Ruby
iOS
Vue.js
https://res.cloudinary.com/demo/image/upload/e_colorize:30,co_rgb:dd14d1/smartphone.png