Web Design » Photoshop » Where Is Hue Saturation in Photoshop?

Where Is Hue Saturation in Photoshop?

Last updated on September 24, 2022 @ 3:57 pm

Hue, Saturation, and Lightness (HSL) is a color model that is often used by graphic designers and web developers. The three attributes of this model are: hue, saturation, and lightness.

Hue is represented by a number from 0 to 360, with 0 being red, 120 being green, and 240 being blue. Saturation is represented by a number from 0 to 100, with 0 being grayscale and 100 being the most saturated. Lightness is represented by a number from 0 to 100, with 0 being black and 100 being white.

The HSL model is helpful for developers because it allows them to specify colors in a way that is more natural to how people perceive colors. For example, if you want to create a color that is halfway between red and green, you would specify a hue of 60 (120-60=60). If you wanted to create a color that is twice as saturated as it is light, you would specify a saturation of 50 (100-50=50).

PRO TIP: If you are looking for the Hue Saturation tool in Photoshop, you will not find it in the same place as it is in other Adobe programs. In Photoshop, the Hue Saturation tool is located in the Adjustments panel.

While the HSL model is helpful for developers, it can be confusing for users. For example, users might not understand what hue or lightness means.

Additionally, the HSL model does not correspond well to how colors are represented on physical devices such as monitors and printers. Therefore, many users prefer to use the RGB color model when working with colors in Photoshop.

The RGB color model is an additive color model in which red, green, and blue light are added together in various ways to create different colors. The RGB model is helpful for users because it corresponds more closely to how colors are represented on physical devices such as monitors and printers. Additionally, the RGB model provides more control over colors than the HSL model.

To change the color mode in Photoshop, go to Image > Mode > RGB Color.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.