Cloudinary Cookbook recipes about Hue

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

Default level

Custom level

URL Ruby PHP Python Node.js Java JS jQuery React Vue.js Angular .Net Android iOS All

URL:

https://res.cloudinary.com/demo/image/upload/e_hue/white_chicken.jpg

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");

JS:

cloudinary.imageTag('white_chicken.jpg', {effect: "hue"}).toHtml();

jQuery:

$.cloudinary.image("white_chicken.jpg", {effect: "hue"})

React:

<Image publicId="white_chicken.jpg" >
  <Transformation effect="hue" />
</Image>

Vue.js:

<cld-image publicId="white_chicken.jpg" >
  <cld-transformation effect="hue" />
</cld-image>

Angular:

<cl-image public-id="white_chicken.jpg" >
  <cl-transformation effect="hue">
  </cl-transformation>
</cl-image>

.Net:

cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("hue")).BuildImageTag("white_chicken.jpg")

Android:

MediaManager.get().url().transformation(new Transformation().effect("hue")).generate("white_chicken.jpg");

iOS:

imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect("hue")).generate("white_chicken.jpg")!, cloudinary: cloudinary)

by Itay Taragano Aug 05, 2014

Tags: