back to top

Easy Guide to Using HSL Color Panel in Lightroom (HSL Sliders)

Last updated: November 12, 2023 - 7 min read
ExpertPhotography is supported by readers. Product links on ExpertPhotography are referral links. If you use one of these and buy something, we make a little money. Need more info? See how it all works here.
Subscribe Below to Download the Article Immediately

You can also select your interests for free access to our premium training:

Your privacy is safe! We will never share your information.

HSL color sliders in Adobe Lightroom help bring out the best in your photography. The first step is knowing what they are, what they do, and where to find them.

Like much post-production editing software, Lightroom has it all. Read on to find out how to increase or reduce the Hue, Saturation, and Luminance across your images.

eBooks and Courses for Everyone
<
<
<
<

HSL Color in Lightroom: What is It?

Lightroom is a great way to work through the images from your latest shoot. It is an editing program from Adobe. It not only lets you edit and adjust a whole range of settings, but you can also organize and tag your work. This can speed up your workflow.

For playing around with HSL elements of your images, look no further.

What Are HSL Color Sliders?

HSL sliders are features of Adobe Lightroom that allow you to change the Hue, Saturation, and Luminance of your work. All three work on getting the most out of your photography, specifically looking at color.

These adjustment layers are easy to use and can help make the difference between good and great. But, you need a good, well-composed image to start with.

The Role of Color in Photography

Color plays an integral part in photography. It isn’t always an easy element to maintain and control. Firstly, ensure that you capture in Raw. This allows you the most amount of play when it comes to your editing stage.

The types of lighting you use are important. Each source needs to have the correct setting to make the scenes look realistic. A mixture of different light sources—natural and tungsten, for example—could be difficult to manage later on.

On top of that, white balance needs to be correct in each and every image you capture. If not, correcting it afterwards in post-production could be time-consuming and difficult.

All of these things affect the color in your image before you even start. The color in each scene needs to be well represented, depending on the style of your image.

Some of these colors, tones, shades can be worked on during the editing stage. They can be reduced to remove their strength or enhanced to make them more prominent.

This is where Hue, Saturation, and Luminance come into play.

a pink and orange colored photo of a cloudy sky shot from above

What Is Hue?

Hue is just another way to say color. Some systems use numbers to describe colors, others use words to differentiate between the lightness or colorfulness of these hues.

The Hue slider in Lightroom changes the colors found in your scene. It replaces them with the bordering colors you find on the color wheel.

Hue Adjustment Panel

Let’s start with the first question—where is HSL in Lightroom? To find the HSL adjustment panel, you need to go to the right-hand side when in the Develop module. Within this, you will find tabs for Hue, Saturation, and Luminance.

The Hue sliders are in the first tab.

A screenshot showing how to use HSL sliders in Lightroom

Let’s look at an example. Here you’ll see the original image of two doors—one yellow and one green.

An image of two doors; one yellow and one green

By changing the Hue Yellow slider from 0 to -100, you change the yellow in the image to Orange. The primary color shifts to the secondary color next to it. In this case, yellow changes to orange.

If I move the Yellow Hue slider from 0 to +100, then the yellow shifts to something closer to green.

A screenshot showing how to use HSL color sliders in Lightroom

This is the final image when using a -100 Hue slider value.

image of two doors; one orange and one green

This is the final image when using a +100 Hue slider value.

image of two doors; one bright green and one emerald green

You can, of course, use any of the color Hue sliders in the Hue adjustment panel.

For example, you can change both colors just by moving four sliders. To achieve the below image, I shifted the Orange and Yellow values to -100 and the Green and Aqua values to +100.

It changed the yellow to orange and the green to blue.

image of two doors; one orange and one green

What Is Saturation?

Saturation is the power behind the color. You can change the strength of any color by using the Saturation slider. This is where you make the color more or less prominent in your photo.

By increasing the slider value, you increase the color’s strength. Similarly, by reducing the value, you make the color weaker.

You can emphasize any color in your scene with this method. The alternative is to weaken the colors around it, making it appear stronger.

Saturation Adjustment Panel

The Saturation adjustment panel is the second tab in the HSL dropdown menu.

A screenshot showing how to use the saturation adjustment panel in Lightroom HSL

This is our original shot.

image of two doors; one yellow and one green

With the below image, we moved the Yellow slider value from 0 to +100.

A screenshot showing how to use HSL color sliders in Lightroom
image of two doors; one yellow and one green

With the below image, we moved the Yellow slider from 0 to -40. This made the yellow weaker, pushing the green as more powerful.

A screenshot showing how to use HSL sliders in Lightroom

Note that we didn’t go to -100 because this makes the color look very strange. The trick here is to move the slider enough to look good without going over the top.

image of two doors; one mustard yellow and one green

What Is Luminance?

Luminance refers to how bright a color is. Just like with saturation, increasing the slider value makes it stand out more. Decreasing the slider value makes the color that you’re working with darker.

How light or dark your color becomes depends on where it starts. This is the one slider that can have a knock-on effect on the saturation of the color.

Luminance Adjustment Panel

The Luminance adjustment panel is the third tab in the HSL drop-down menu.

A screenshot showing how to use HSL sliders in Lightroom - luminance adjustment panel

This is our original image.

image of two doors; one yellow and one green

Raising the Luminance slider from 0 to +100 makes the color green in the image lighter.

A screenshot showing how to use HSL sliders in Lightroom - luminance slider
image of two doors; one yellow and one green

Reducing the Luminance slider from 0 to -100 makes the color green in the image darker.

A screenshot showing how to use HSL sliders in Lightroom - luminance slider
image of two doors; one yellow and one green

Using All Three Sliders

The idea is that you can use these slider groups individually or all together. One changes the color, one changes the strength, and one changes the brightness. So they can easily be used layered.

You can flip between the three areas, but if you click on All in the panel, it opens up to show you all three at the same time.

A screenshot showing how to use HSL sliders in Lightroom

This is our original image.

image of two doors; one yellow and one green

Here, we played around with all three areas, raising or lowering the following slider values –

  • Hue—Yellow 0 to +11
  • Hue—Green 0 to +100
  • Hue—Aqua 0 to -100
  • Saturation—Yellow 0 to +100
  • Saturation—Green 0 to +100
  • Luminance—Yellow 0 to -22
  • Luminance—Green 0 to +100

A screenshot showing how to use HSL sliders in Lightroom Here is our final image.

image of two doors; one yellow and one green

Editing With the Targeted Adjustment Tool

So far, we have looked at how to change the HSL sliders by moving the sliders themselves.

There is another way, which is a little more intuitive. It is an alternative and gives you more control over the color. It is a more precise way to apply the HSL effects, as each color isn’t exactly one color.

The green and yellow in the image we used above aren’t exactly green and yellow. They are a mixture of different hues, saturation, and luminance.

To start, you need to click on the slider you want to change.

A screenshot showing how to use HSL sliders in Lightroom - targeted adjustment tool

After clicking, your mouse icon turns into a circle with an up and down arrow next to a crosshair. Click-and-drag on the image to raise or lower the Hue, Saturation, and Luminance of the color you click on.

For example, if I click-and-drag the Green, it will only affect the colors present where the crosshair falls. As the green isn’t 100% green, it will affect the Green and Aqua sliders.

Some colors will raise or lower faster. That means there are more of that color present where you placed your mouse.

Dragging the mouse up raises the slider values. Dragging it down reduces the slider values.

A screenshot showing how to use HSL sliders in Lightroom - color hue

Conclusion

The HSL color sliders is a quick and effective way to modify colors in Lightroom. It’s up to you to do it subtly or to turn your image’s colors inside out. You have the option for both.

As with every tool in Lightroom, the most important thing is to use HSL with a concept in mind—with a result in mind. Then, your path to stunningly and creatively processed images is clear.

You should also try our Effortless Editing with Lightroom course to master all the editing tools in Lightroom!

eBooks and Courses for Everyone
<
<
<
<