Tools/Hue Changer

Hue Changer

Change the hue of your image with our free online tool. Upload an image and adjust its color tone quickly and easily in just a few clicks.

 

🖼️ Scaling millions of product images? 💡Automate, optimize, and deliver faster. 👉 Talk to a Media Expert

Hue Changer

Upload an image and shift its colors across the spectrum with HSL adjustments.

Click to upload your image

or drag and drop

Supports JPG, PNG, WebP, GIF (Max 20MB)
★★★★★
4.6 (25 reviews)

Looking to change image hues in bulk?

Sign up to use our API in your next project and automate hue adjustments at scale.

GET FREE API

Free Online Hue Changer Tool

Change the hue of your images in seconds right in your browser. No downloads needed. Just upload an image and adjust its color tone with ease.

Why use our Hue Changer tool?

Shift the color of your image without touching its brightness or contrast, right in the browser, free, with no downloads and no ads. Developers can use our API to apply the same shift across a whole library automatically.

Full hue control

Rotate the color wheel to any angle and see the shift as you go, so you can land on the exact tone you want instead of guessing.

Image Enhancement

Whether it’s 3D animations, interactive product displays or real time filtering, Cloudinary’s API gives you a lot of image enhancement features. Developers can easily make older images look great again!

Performance Optimization

Automatic optimization guarantees that images are delivered in the highest quality and most suitable format for the user’s device, browser, or connection. Whether it’s JPG, GIF, PNG, HEIC or any other image format the most efficient format is automatically selected for optimal performance.

Change image hues in bulk

Adjust color tones across multiple images in seconds, or use our API to automate hue changes at scale.

Workflow Automation

Create automated workflows with preset configurations to save time and ensure that files are automatically transformed and ready for delivery right after upload.

Image Formats Versatility

Go beyond JPG and PNG with support for cutting-edge formats like WEBP, JXL and AVIF. These advanced formats ensure that your visual assets are delivered with the best combination of quality and efficiency.

How to use the Hue Changer tool

Change image hues in 3 simple steps. Adjust color tones and refresh your visuals in seconds. Or sign up for Cloudinary to change image hues at scale with our API.

Get free apiContact Us

Add your images

Upload or drag and drop your images into the browser

Start changing your image hue

Adjust the color tone of your image instantly with our online hue changer tool.

Download your edited image

Once you’re done, download your photo with all your changes applied and ready to use.

Go beyond standard hue adjustment

Keep working with the color of your images using more free tools: Image Color Tint, Color Inverter, Convert Image to Black and White.

A woman and a golden retriever in the mountains. They're sitting, facing away from the camera while the dog noses the woman. They're surrounded by natural splendor including majestic mountains, puffy clouds, and evergreen-studded hills.
An un-cropped image overlaid with a cropping window showing how it would be cropped by Cloudinary.
An arrow pointing from the original asset to the cropped asset
A woman and a golden retriever in the mountains. They're sitting, facing away from the camera while the dog noses the woman. They're surrounded by natural splendor including majestic mountains, puffy clouds, and evergreen-studded hills.
The same asset cropped using the following settings: Aspect Ratio: 1:2. Crop Mode: Content-Aware.
Images
Videos
Crop Mode
Aspect Ratio
Original
18 MB

We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

The original asset:
JPEG
135 KB
WebP
135 KB
AVIF
90 KB
JPEG XL
94 KB
The image after being optimized using the following settings: Quality: Auto. Width: 1000px.
Original
18 MB

We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

The original asset:
JPEG
135 KB
WebP
135 KB
AVIF
90 KB
JPEG XL
94 KB
The image after being optimized using the following settings: Quality: Auto. Width: 1000px.
Images
Videos
Quality
Width
An un-cropped image overlaid with a croppingai window showing how it would be cropped by Cloudinary.
An arrow pointing from the original asset to the cropped asset
The same asset cropped using the following settings: Aspect Ratio: 1:1. Crop Mode: Content-Aware.
Images
Videos
Crop Mode
Aspect Ratio
The original image:
An arrow pointing from the original asset to the transformed asset.
The personalized image:
The original image:
The personalized image:
Product Photos
Backgrounds
Overlays
Duration
Full length video: Surfing Trip
An arrow pointing from the original video to the AI-generated preview.
Duration
A shorter video preview generated by Cloudinary's AI using the following settings: Duration: 15 seconds. Max Clips: 9. Min Clip Length: 1 second.
Videos
Duration
Max Clips
Min Clip Length
URL:
/ar_0.5,c_fill,g_auto,w_433/q_auto/f_auto/hiking_dog_mountain.jpg
cloudinary.image("hiking_dog_mountain.jpg", {transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ]})
new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));
new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));
new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));
new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));
CloudinaryImage("hiking_dog_mountain.jpg").image(transformation=[
  {'aspect_ratio': "0.5", 'gravity': "auto", 'width': 433, 'crop': "fill"},
  {'quality': "auto"},
  {'fetch_format': "auto"}
  ])
(new ImageTag('hiking_dog_mountain.jpg'))
	->resize(Resize::fill()->width(433)
->aspectRatio(0.5)
	->gravity(
	Gravity::autoGravity())
	)
	->delivery(Delivery::quality(
	Quality::auto()))
	->delivery(Delivery::format(
	Format::auto()));
cloudinary.url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).imageTag("hiking_dog_mountain.jpg");
cl_image_tag("hiking_dog_mountain.jpg", transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ])
cloudinary.Api.UrlImgUp.Transform(new Transformation()
  .AspectRatio("0.5").Gravity("auto").Width(433).Crop("fill").Chain()
  .Quality("auto").Chain()
  .FetchFormat("auto")).BuildImageTag("hiking_dog_mountain.jpg")
cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));
imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()
  .setAspectRatio("0.5").setGravity("auto").setWidth(433).setCrop("fill").chain()
  .setQuality("auto").chain()
  .setFetchFormat("auto")).generate("hiking_dog_mountain.jpg")!, cloudinary: cloudinary)
MediaManager.get().url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).generate("hiking_dog_mountain.jpg");
cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));
cloudinary.image {
	publicId("hiking_dog_mountain.jpg")
	 resize(Resize.fill() { width(433)
 aspectRatio(0.5F)
	 gravity(
	Gravity.autoGravity())
	 })
	 delivery(Delivery.quality(
	Quality.auto()))
	 delivery(Delivery.format(
	Format.auto())) 
}.generate()
new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

Frequent Asked Questions:

Hue is the position of a color on the color wheel, measured in degrees. A hue changer rotates every color in your image by the same amount, so a red turns orange, then yellow, and so on. Brightness and contrast stay where they were, which is what separates it from a normal filter.

Upload an image and move the hue slider. The tool shifts every color by that number of degrees and shows you the result straight away, so you can stop at the tone you want.

Yes, it’s free to use online. Just upload your image, adjust the hue in your browser, and download the result with no watermarks.

Yes. Developers can use Cloudinary’s API to apply a hue shift automatically, which is how you generate color variants of a product shot without editing each one by hand.

Product color variants, matching an image to a brand palette, seasonal versions of the same creative, and fixing a color cast without redoing the whole photo.

Related tools: PNG to PNG-8 · Remove Metadata from Image

Get Free API Get Free API