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:

How to magically change the focus of photos in Photoshop with Colin Smith

How to magically change the focus of photos in Photoshop with Colin Smith

A brief look into the history of manga

A brief look into the history of manga

The complete guide to Adobe Photoshop brushes, Part 1: The toolbar

The complete guide to Adobe Photoshop brushes, Part 1: The toolbar

Fostering Success Together: Seven Ways to Engage Parents and Students in Digital Arts Career and Technical EducationΒ 

Fostering Success Together: Seven Ways to Engage Parents and Students in Digital Arts Career and Technical EducationΒ 

Connect with Wacom on social media

Meet the NEW Wacom Movink πŸ†•πŸ’₯ first of its kind OLED pen display perfect for creative professionals on the go!

A professional device that you can easily pack and carry with you anywhere, everywhere.

If you  switch workstations, visit clients,  travel frequently or work in different locations and studios, this device is all you need.

Follow the link in our bio and discover all of the benefits of our NEWEST product: Wacom Movink

Now, get ready to Make your move! 😎

#WacomMovink #CreativeProfessionals #CreativesOnTheGo
2083 101
Introducing Wacom Movink: our first OLED pen display and our thinnest and lightest Wacom pen display ever. πŸš€

Unite the art of drawing and inking with mobility and portability with Movink’s brilliant 13.3”, full HD OLED display. This super slim, ultra-light, highly versatile, sturdy device is designed to meet the needs of creative professionals, digital artists and creative students. πŸ™ŒπŸ»

Are you ready to go? Learn more about Movink in our stories and through the link in bio! ✨

#WacomMovink #Movink #WacomNews
1697 78
Curious about which program is best for drawing vector graphics in 2024? Visual artist @studio_viv has you covered! πŸ™Œβ£
⁣
Head to the #WacomBlog to see how Vivienne designs a book cover in Adobe Illustrator vs. Affinity Designer using Wacom One M. ✍ ⁣
⁣
Link in bio!⁣
#wacom #design #designer #graphicdesign #vector #digitalart #artprocess⁣
240 9
WACOM HACK UNLOCKED πŸ”“

Learn how to customize your pen and change the brush size in just two  steps ✍️

Discover all the amazing features about your Pen in the link in bio!

#WacomOne #WacomPen
448 3
For a creative professional team like @parasolisland , efficiency and productivity is key to deliver the best results to their clients πŸš€

For years they were using pen tablets and pen displays in combination with high-end monitors, and today they can reduce all of that into one single device: the New Wacom Cintiq Pro.

Thanks to the excellent colour accuracy of the Cintiq Pro 27, this makes a big difference on their workflow.

Get in touch with our enterprise team in the link in bio.

#WacomCintiqPro #Animation
196 5
Exciting news for all creatives! πŸš€

πŸ’« Join Wacom at Playgrounds for a celebration of design, animation, and gaming craftsmanship! @tad.playgrounds @weareplaygrounds 

πŸ’‘ Dive into artist talks, demos, screenings, and live sketching sessions.

✍️ Swing by our booth to test out our cutting-edge pen-displays and tablets, meet Wacom experts, and pick up some pro tips!

Meet us in:
πŸ“… Eindhoven (April 18th-19th)
πŸ“…  Berlin, DE (May 25th-26th)

For more info visit @tad.playgrounds πŸ’«

#Wacom #Playgrounds #CreativeCommunity
171 2
πŸŒ€ City Doodling: Amsterdam edition 🚲

This time creativity strikes us directly from the Amsterdam canals in the hands of @fragileart πŸ’«

#Doodling #Creativeinspiration #MadeWitjwacom
508 0
Two ways of scrolling in the same display βœοΈπŸ‘€

Which one is your favourite move? πŸ‘‡

Customize your Wacom One and see where it takes you!

#WacomOne #WacomPen #CreativeInspiration
469 3
We chat with @adansilvart, illustrator and artist who has been working in branding & illustration projects for different brands. πŸš€

Join us while Adan shares insights into his creative journey and the vital role Wacom products has played in his career. ❀️

#ArtistInterview #illustration #DigitalArt
346 42
Today, we celebrate World Pencil Day πŸŽ‰

Wacom has been at the forefront of innovation, creating a digital pen that allows you to bring all your creations to life and have thousands of colors and textures in a single pen. ✍️

One of the features we love most about our Wacom One is that you can use any Wacom pen or any compatible pen with it.

Have you tried any of these? Let us know in the comments. πŸ‘‡

Check out our special offers in the link in bio!

#WorldPencilDay #WacomOne
586 15
Friday with F like Finished work πŸ’«

We want to see your finished pieces, feel fry to join our artwork chain using the hashtag #MadewithWacom πŸš€

How are you ending the week?

#MadewithWacom #CreativeInspiration
328 1