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.

Original

Original

Default level

Default level

Custom level

Custom level
Ruby:
Copy to clipboard
cl_image_tag("white_chicken.jpg", :effect=>"hue")
PHP:
Copy to clipboard
cl_image_tag("white_chicken.jpg", array("effect"=>"hue"))
Python:
Copy to clipboard
CloudinaryImage("white_chicken.jpg").image(effect="hue")
Node.js:
Copy to clipboard
cloudinary.image("white_chicken.jpg", {effect: "hue"})
Java:
Copy to clipboard
cloudinary.url().transformation(new Transformation().effect("hue")).imageTag("white_chicken.jpg");
JS:
Copy to clipboard
cloudinary.imageTag('white_chicken.jpg', {effect: "hue"}).toHtml();
jQuery:
Copy to clipboard
$.cloudinary.image("white_chicken.jpg", {effect: "hue"})
React:
Copy to clipboard
<Image publicId="white_chicken.jpg" >
  <Transformation effect="hue" />
</Image>
Vue.js:
Copy to clipboard
<cld-image publicId="white_chicken.jpg" >
  <cld-transformation effect="hue" />
</cld-image>
Angular:
Copy to clipboard
<cl-image public-id="white_chicken.jpg" >
  <cl-transformation effect="hue">
  </cl-transformation>
</cl-image>
.Net:
Copy to clipboard
cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("hue")).BuildImageTag("white_chicken.jpg")
Android:
Copy to clipboard
MediaManager.get().url().transformation(new Transformation().effect("hue")).generate("white_chicken.jpg");
iOS:
Copy to clipboard
imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect("hue")).generate("white_chicken.jpg")!, cloudinary: cloudinary)
by Itay Taragano