Adjust the hue value of images

Create a different mixture of colors for your images with the Hue filter. This can be applied by setting the effect parameter to hue (e_hue in URLs). The hue level can be customized.

Here's an original image for example:

Ruby:
cl_image_tag("white_chicken.jpg")
PHP:
cl_image_tag("white_chicken.jpg")
Python:
CloudinaryImage("white_chicken.jpg").image()
Node.js:
cloudinary.image("white_chicken.jpg")
Java:
cloudinary.url().imageTag("white_chicken.jpg")
jQuery:
$.cloudinary.image("white_chicken.jpg")
.Net:
cloudinary.Api.UrlImgUp.BuildImageTag("white_chicken.jpg")
Original

Here it is again after applying the hue effect with its default value:

Ruby:
cl_image_tag("white_chicken.jpg", :effect=>"hue")
PHP:
cl_image_tag("white_chicken.jpg", array("effect"=>"hue"))
Python:
CloudinaryImage("white_chicken.jpg").image(effect="hue")
Node.js:
cloudinary.image("white_chicken.jpg", {effect: "hue"})
Java:
cloudinary.url().transformation(new Transformation().effect("hue")).imageTag("white_chicken.jpg")
jQuery:
$.cloudinary.image("white_chicken.jpg", {effect: "hue"})
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("hue")).BuildImageTag("white_chicken.jpg")
Default level

While the default value is 80, you can customize the hue level, for example:

Ruby:
cl_image_tag("white_chicken.jpg", :effect=>"hue:-40")
PHP:
cl_image_tag("white_chicken.jpg", array("effect"=>"hue:-40"))
Python:
CloudinaryImage("white_chicken.jpg").image(effect="hue:-40")
Node.js:
cloudinary.image("white_chicken.jpg", {effect: "hue:-40"})
Java:
cloudinary.url().transformation(new Transformation().effect("hue:-40")).imageTag("white_chicken.jpg")
jQuery:
$.cloudinary.image("white_chicken.jpg", {effect: "hue:-40"})
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("hue:-40")).BuildImageTag("white_chicken.jpg")
Custom level

The adjustment of the Hue level is not limited to the main image, it can be changed for overlaid images as well. Here's the same image with an avatar overlay, scaled-down and placed in a 20 pixels offset (for both x and y) from the south-east corner:

Ruby:
cl_image_tag("white_chicken.jpg", :overlay=>"avatar2", :gravity=>"south_east", :x=>20, :y=>20, :width=>200)
PHP:
cl_image_tag("white_chicken.jpg", array("overlay"=>"avatar2", "gravity"=>"south_east", "x"=>20, "y"=>20, "width"=>200))
Python:
CloudinaryImage("white_chicken.jpg").image(overlay="avatar2", gravity="south_east", x=20, y=20, width=200)
Node.js:
cloudinary.image("white_chicken.jpg", {overlay: "avatar2", gravity: "south_east", x: 20, y: 20, width: 200})
Java:
cloudinary.url().transformation(new Transformation().overlay("avatar2").gravity("south_east").x(20).y(20).width(200)).imageTag("white_chicken.jpg")
jQuery:
$.cloudinary.image("white_chicken.jpg", {overlay: "avatar2", gravity: "south_east", x: 20, y: 20, width: 200})
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Overlay("avatar2").Gravity("south_east").X(20).Y(20).Width(200)).BuildImageTag("white_chicken.jpg")
With overlay

Here's the same image after applying the hue effect (with a custom level 50) on the overlay avatar image:

Ruby:
cl_image_tag("white_chicken.jpg", :overlay=>"avatar2", :gravity=>"south_east", :x=>20, :y=>20, :width=>200, :effect=>"hue:50")
PHP:
cl_image_tag("white_chicken.jpg", array("overlay"=>"avatar2", "gravity"=>"south_east", "x"=>20, "y"=>20, "width"=>200, "effect"=>"hue:50"))
Python:
CloudinaryImage("white_chicken.jpg").image(overlay="avatar2", gravity="south_east", x=20, y=20, width=200, effect="hue:50")
Node.js:
cloudinary.image("white_chicken.jpg", {overlay: "avatar2", gravity: "south_east", x: 20, y: 20, width: 200, effect: "hue:50"})
Java:
cloudinary.url().transformation(new Transformation().overlay("avatar2").gravity("south_east").x(20).y(20).width(200).effect("hue:50")).imageTag("white_chicken.jpg")
jQuery:
$.cloudinary.image("white_chicken.jpg", {overlay: "avatar2", gravity: "south_east", x: 20, y: 20, width: 200, effect: "hue:50"})
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Overlay("avatar2").Gravity("south_east").X(20).Y(20).Width(200).Effect("hue:50")).BuildImageTag("white_chicken.jpg")
Custom hue level for overlay

by Itay Taragano