Tips and tricks on how to use HSL in Adobe Lightroom

By Wacom |
October 9, 2017

This article is written by Donal Boyd and Benjamin Hardman, two nature photographers living in Iceland. For a combined 4+years, they´ve been exploring their local sub-arctic and arctic regions whilst documenting adventures along the way. Over the past few years they´ve utilized Adobe Lightroom on a daily basis and it’s been a quintessential program in their jobs as full-time wilderness explorers and visual creators.

Adobe Lightroom and HSL

Hi there, Donal and Benjamin here. In this article, we cover a few Adobe Lightroom pointers on how to make adjustments using the Hue, Saturation, and Luminance (HSL) panel within the development module in order to fine-tune the color balance of your images.
The HSL panel is so powerful because it conveniently divides color into eight groups giving you the ability to select certain colors or groups of colors specifically and alter their visual appearance individually.
Screen Shot 2017 09 27 at 10.17.09 PM

So, what exactly does each of the terms mean in HSL?

Hue

Hue is defined as the color shade or specifically the dominance of one color related to others on the color wheel. If you think of all colors directly associated to only two other colors in a gradient it becomes simpler to explain. For example, yellow is related to orange on one side and green on the other. Likewise, purple is related to blue and magenta.
Screen Shot 2017 09 27 at 9.54.58 PM
Now let’s take a real-life example such as the grass on the sides of Fjaðrárgljúfur, an ancient canyon formed by many millennia of erosion in the Southeast region of Iceland.
Image 1
Notice how the grass in this image, captured in the early summer is green. Though, if you inspect the color further you’d notice it’s “hue” is actually more of a yellowish green with subtle tones of orange.
Take the same canyon several months later (image below) during the height of the Icelandic summer after ample rain & sunlight has led to fertile growth and you’ll notice a shift in the hue. The orange tones have mostly disappeared and the subtle yellow tones have transitioned to a more true green.
Image 2
Now, it may come as a surprise, but the two photos of the canyon are actually the exact same. In first second yellow-ish example, the HSL panel has been used to adjust the hue of yellowish green to a more true green, thus altering the appearance of the season.
In order to make this kind of adjustment using the HSL panel, you can use the hot-key Shift-Alt-Command-H on a Mac (Shift-Alt-Control-H on PC) to bring up the color picker tool. By hovering the color picker over a certain color, clicking + holding, and dragging the cursor up and down you can adjust the specific hue selected. The color picker can also be selected by clicking on the icon in the upper left corner of the adjustment panel.
Screen Shot 2017 09 27 at 11.31.14 PM
For example, by using the hotkey to select the yellow-ish green in the original photo of the canyon and clicking+ dragging up, the yellow tones are shifted into more greenish tones.
You’ll notice as you drag further and the color begins to shift more rapidly, the sliders in the panel adjust accordingly. Similarly, you can also simply select any one of the sliders individually and fine-tune them to your liking without using the color picker.
Screen Shot 2017 09 27 at 10.17.09 PM
Likewise, the yellow-ish green hue can also be shifted closer to orange by pushing the sliders to the left or again using the color picker and dragging the cursor downwards. Notice how drastic the results can be below.
The modification of hue can drastically alter the perception of a scene.
Image 2.1

Saturation

Saturation is simply the overall intensity of any color and the same methods of adjusting the hue can be applied to eight basic colors of saturation. Altering the saturation will impact the overall mood of an image whereas a saturated image with bright and intense colors can elicit a sense of excitement or happiness while a desaturated scene could depict a more mellow and moody environment. The hot key for the color picker tool is Shift-Alt-Command-S (Shift-Alt-Control-S on PC).


In the two examples above only the green and yellow saturation were adjusted.

Luminance

Luminance is essentially the brightness of a color. To adjust color brightness, you can follow the same methodology as Hue and Saturation in using the color picker via the Hot Key Shift-Alt-Command-L (Shift-Alt-Control-L on PC) or simply make the adjustment using the sliders.



Considering all these adjustments you can create completely different images with the same starting point. See some other examples below of images with the same starting point that have resulted up vastly different.
green

Additional Tips

Hot Keys

A quick way to switch between Hue, Saturation, and Luminance for rapid color adjustments, involves holding down the keys Shift-Alt-Command (Shift-Alt-Control on PC) and toggling between H-S-L using the color dropper (Press H for Hue, S for Saturation, and L for Luminance while holding down the other hot-keys).
Furthermore, the main advantage of using the color picker is that you’ll be able to adjust more than one related color at the same time based on the specific area that is selected. In some cases, you’ll be able to adjust both yellow and orange at the same time with the color picker because both colors exist in a selected area, versus only adjusting one or the other if you just use the sliders individually.
Screen Shot 2017 10 05 at 10.00.52 AM

Copy Color Settings

To apply the same color settings from one image to the next you can copy the HSL settings by holding down the hot key Command-C (Control-C on PC) on the image that you’ve made color adjustments and then selecting the following check boxes in the panel.
When you’ve finished, click on “Copy” or press the Enter/Return Key. Scroll to the image in which you hope to apply the same color settings and use the hot key Command-V (Control-V on PC), which will implement the same HSL adjustments that you’ve just copied.
donal benjamin

Thanks for reading

Hopefully, this article helps you get started using Adobe Lightroom and you’ll be able to take your editing to a whole new level with color specific adjustments!
Good luck at transforming your skills,
Benjamin and Donal

Related posts:

No results found.

Connect with Wacom on social media

✍️Ready to level up your video game concept art skills? ⁣
⁣
Join us for an exclusive webinar lead by Cecil Kim on techniques to establish an emotional connection with your audience through your artwork.⁣
⁣
Link In Bio!
Ready to draw your way through the week? 💻✨⁣
Whether you're sketching dreams, meeting deadlines, or just vibin' with a blank layer—remember:⁣
✅ Breathe⁣
✅ Stretch⁣
✅ Keep your Wacom tablet handy 😍⁣
#WacomIntuosPro #IntuosPro #ArtistLife #WacomTablet ⁣
Enjoy this gorgeous piece titled "Eternal Spring" by @joiceesketch, paired up perfectly with a soundscape by @kemos4be 🔈✅ 🐉⁣
Do you complement your artwork with music? ⁣
#DigitalArt #DigitalPainting #illustration #artistsoninstagram
The new Wacom Intuos Pro is built for artists who move fast and work across multiple setups. ⁣
⁣
With Bluetooth connectivity 🔗, you can switch between your laptop, tablet, and other devices seamlessly—no cables needed, just uninterrupted creativity.⁣
⁣
Plus, it’s compatible with third-party pens 🖊️, giving you even more ways to personalize your experience. Whether it’s precision 🎯, texture 🎨, or grip 🤲, you choose the tool that feels right for you.⁣
⁣
👉 See it for yourself—head to the link in bio to learn more!⁣
⁣
#WacomIntuosPro #IntuosPro
🤔 Thinking of starting your own webcomic? Leon Baker, creator of Beyond Arm’s Reach, breaks down 2 of the biggest things he wishes he knew before diving into a webcomic 👀 But the last 2? They're right here 👇⁠⁣
⁠⁣
3️⃣ Webcomics are a marathon, not a sprint – Pace yourself. Burnout is real, and sustainability is everything.⁠⁣
⁠⁣
4️⃣ Enjoy the process – Seriously. If it’s not fun, it won’t last. Finding tools and a workflow that bring you joy (like his switch to the Wacom One 13 Touch) can change everything.⁠⁣
⁠⁣
Which of these hits home the most for you? Drop your thoughts in the comments 💬⁣
⁠⁣
#WebcomicTips #DigitalArtAdvice #LeonBaker #WacomOne #BeyondArmsReach #WebcomicJourney #ArtistLife #ComicCreators #ClipStudioPaint #WacomPartner
The new Wacom Intuos Pro it’s packed with features that bring your workflow to a whole new level of control. ⁣
⁣
🖊️ The Pro Pen 3 with fully customizable weight, grip, and buttons to fit your style⁣
⁣
🎛️ New ExpressKeys & Dial placement to keep your shortcuts just a tap away⁣
⁣
💡 A sleek, ergonomic design that feels as good as it performs⁣
⁣
Ready for an upgrade? ⁣
Shop the new Wacom Intuos Pro through the link in our bio. ⁣
#WacomIntuosPro #IntuosPro
Yikess.. the amount of times we've found ourselves zooming into a sheet of paper after using our Wacom Movink is wild. haha 😵‍💫⁣
⁣
Thanks @lplucas for reminding us of what to consider as we transition from traditional to digital art. 🖌️ -> 🖥️⁣
⁣
#createwithwacom #wacom #wacommovink
Animator @hranimator knows that the right tools can take your animation to the next level! ✨ ⁣
With the Wacom Movink, our lightest, slimmest, and most portable pro-level pen display, he’s bringing smooth, expressive animations to life anytime, anywhere. 🌟🚀⁣
#CreativesOnTheGo #WacomMovink #CreativeProfessionals
We know that to reach your ultimate creative flow, your tools need to work, and work together💡⁣
We also know that accidental clicks and awkward shortcuts can get in the way. That's why we redesigned the new Intuos Pro's layout, making it more ergonomic and intuitive. With mechanical dials and ExpressKeys positioned along the top, the new Intuos Pro fees more natural and easier to use with your keyboard.⁣
Learn more about the new through the link in our bio. ⁣
Now available at the Wacom estore. ⁣
#WacomIntuosPro #IntuosPro⁣
⁣
This error message is only visible to WordPress admins
Error: There is no connected business account for the user .