How to Use Hue & Saturation in Photoshop

Hue Saturation Photoshop

How to Use Hue & Saturation in Photoshop

The Hue Saturation Panel in Photoshop is a simple yet fine-tuned tool for color management.  You can use Hue Saturation to adjust unwanted color casts in your images, such as incorrect white balance, or you can use them to change and manipulate colors for creative editing.

Below is a basic overview of some of the features of the Hue/Saturation panel, along with an example of an image edited using a Hue/Saturation adjustment.

Painted Sky Overlays

First, let's create a new Hue Saturation adjustment layer:

where is hue saturation in photoshop

Next to the word Preset, you will see Default, which means that all of the values are zeroed out, but if you click on the drop-down menu next to Default, you will see that there are several presets that will increase your contrast, saturation, etc.

The presets are great for quick editing, but if you want to go a little deeper to get the most out of your hue saturation tool, you will need to make custom adjustments.

how to edit saturation in photoshop

What Does Hue Saturation Do in Photoshop?

On its most basic level, the Hue/Saturation panel will affect your overall Hue, Saturation and Lightness.

In other words:

  • Changing the Hue will change the overall color of your image.
  • Saturation will determine whether your image is highly saturated or completely monotone.
  • And Lightness affects how bright or dark (under or overexposed) your image is.

In the example below, I have bumped up the Lightness, and as you can see, it brightens ALL of the tones in the image: highlights, midtones AND shadows:

saturation photoshop

Hue Saturation Adjustment within Individual Color Channels

You can also work within the individual color channels.

For example, by selecting the Yellows channel in the drop-down menu, any changes that I make will affect only the yellows in my image:

what is the use of hue saturation dialog box

As you move the Hue slider, you will see the yellow portions of your image being affected.  This image has a lot of yellow in it, so by moving the Hue slider to the left, the yellows are shifting to orange.  The amount of each color will vary from image to image, and how much you need to change each color for your edit will also vary.

When I reduce the Saturation, notice how everything but the sky becomes less saturated - this is because everything but the sky has a lot of yellow in it, and I am only changing the Yellow channel here - I am not reducing the saturation in red, blue, green, etc. - only yellow:

hue in photoshop

We saw above how Lightness determines how dark or bright the selected range of colors will be.  Moving my Lightness slider to the right, as you can see, brightens the yellows substantially.  The opposite would be true if I moved the slider to the left - the field, the subject's hair, and anything with yellow in it would be darkened:

how to edit hue and saturation in photoshop

If you are experimenting with the sliders and you do not see any changes occurring, make sure Layer Visibility is selected.  Also, you can easily revert back to the default settings by clicking the arrow highlighted below:

hue and saturation photoshop

Creating a Monotone Image with Hue Saturation Adjustment

You can also create a monotone image with the Hue Saturation slider.  First, make sure you are on the Master color channel, because you want to work with all of the channels here, not just a specific one like in the example above.  Then, check the box beside Colorize:

how to open hue saturation in photoshop

You can now change the Hue and the Saturation to be any color, and either very saturated or more subdued, as in the example above.

How to Edit with Hue & Saturation

Above were slightly extreme examples of color adjustments to illustrate how each slider behaves, so now I'll show you something a bit more practical that is in line with how to properly use the Hue/Saturation panel for color management without editing too heavily.

In my original image, there are a couple of channels that are too saturated, so I am reducing the saturation for each channel by selecting the channel in the drop down menu as we did above with the Yellows channel:

Reds Channel:

how to saturate in photoshop

Blues Channel:

hue photoshop

Magentas Channel:

photoshop hue saturation tutorial

Next, I am creating a new Hue/Saturation layer and this time, on the Master channel I am using the Colorize feature.  I am also setting my Blending Mode in my layers panel to Soft Light, and reducing the overall Opacity.  This will brighten the image and at the same time give it a more muted look:

ps hue saturation

Finally, I am finishing off by creating one more new Hue Saturation layer, and bumping up the Lightness in the Master channel just a tiny bit:

how to change saturation in photoshop

If you are interested in actions that will help you beautifully edit color, be sure to check out our PURE Color Workflow Photoshop Actions Collection.

Do you have any questions or comments about Hue and Saturation in Photoshop?  Leave us a comment below - we would LOVE to hear from you! And PLEASE SHARE our tutorial using the social sharing buttons (we really appreciate it)!

Photoshop Actions