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 v1 PHP v2 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 v1:

cl_image_tag("white_chicken.jpg", array("effect"=>"hue"))

PHP v2:

(new ImageTag('white_chicken.jpg'))
  ->adjust(Adjust::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: