{"id":1149,"date":"2016-06-28T00:27:19","date_gmt":"2016-06-28T00:27:19","guid":{"rendered":"http:\/\/www.apogeephoto.com\/?p=1149"},"modified":"2019-03-20T05:44:07","modified_gmt":"2019-03-20T05:44:07","slug":"the-hue-saturation-adjustment-layer-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/","title":{"rendered":"The “Hue \/ Saturation” Adjustment Layer in Photoshop"},"content":{"rendered":"

\"Screen<\/p>\n

There are two tools that I consider essential to working with contrast and color in Photoshop: Levels and Hue \/ Saturation. In a previous article, I showed you the \u201c8 Basic Elements of a Good Color Print\u201d<\/a>. In a well-exposed image, it is quite possible that Levels and Hue \/ Saturation are the only 2 tools that you\u2019ll need for working with the first 4 elements: Contrast, Color Balance, Luminance, and Color Saturation. <\/strong><\/p>\n

Oh, and for reference, here is an article I wrote previously on the \u201cLevels Adjustment Layer\u201d<\/a>.<\/p>\n

A quick note: I find the generic tools such as the “Brightness \/Contrast” or \u201cColor Balance\u201d tools are too global or destructive to the image to be of any major use, so I never use them. Instead, I use Levels and Hue-Saturation in conjunction with each other, which gives me much more control, resulting in strikingly better results.<\/em><\/p>\n

Now let\u2019s talk about Hue \/ Saturation<\/strong>, but first, a few definitions are in order.<\/p>\n

The 3 main attributes\/components of color<\/strong> are Hue, Saturation, and Luminance.<\/p>\n

1.) Hue<\/strong>: Hue is a single color cast or color name. Green is a hue, orange is a hue, and so on. There are an infinite number of hues \u2026<\/p>\n

2.) Luminance<\/strong>: Luminance is the amount of perceived brightness of a color. The color black has no luminance, whereas the color white has the highest luminance.<\/p>\n

3.) Saturation:<\/strong> Saturation is the intensity, purity or amount of a hue.<\/p>\n

The Purpose of Hue \/ Saturation:
\n<\/strong><\/p>\n

The Hue \/ Saturation Adjustment Layer<\/strong> is used for color correction. More specifically, it allows you to control Hue, Saturation and Luminance for each color channel.<\/p>\n

Hue \/ Saturation<\/strong> is great for changing the characteristics of a particular color, not your overall \u201cglobal\u201d color. When you make changes to a particular Hue, none of the other colors in your image are affected.<\/p>\n

For instance, if the Reds in your image are too saturated, you would simply choose the \u201cRed\u201d Channel from the Drop-Down menu<\/em><\/strong> to desaturate your Reds to the desired level, without affecting any other colors in your image.<\/p>\n

Or let’s say that the Greens in your landscape shot are too Blue\/Green: Choose the \u201cGreen\u201dChannel from the Drop-Down menu<\/em><\/strong>, then change the Hue to bring your Greens back to a more realistic color, such as Forest Green, again without affecting any other colors in your image.<\/p>\n

Where to Find: <\/em><\/strong>Three places, in order of ease of access:<\/p>\n

1.) You can find it in the Adjustments Panel<\/em><\/strong> in CS4, 5 and 6, as well as Elements 7 & 8.<\/p>\n

2.) You can click on the “New Adjustment Layer”<\/em> button in the Layers Panel<\/em><\/strong> (the faux \u201cYin-Yang\u201d button) and choose Hue – Saturation in the drop-down list.<\/p>\n

3.) You can also go to the “Layers” menu -> “New Adjustment Layer”<\/em> and choose it from that menu.<\/p>\n\n\n\n
\n

\"Screen<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

How Hue \/ Saturation Works: <\/strong><\/p>\n

The Dialog Box<\/strong> (shown above for earlier versions of Photoshop) for Hue \/ Saturation<\/strong> is very intuitive:<\/p>\n

1.) Choose the Color Channel<\/strong> that you want to adjust from the Drop-Down menu<\/em><\/strong> (you have 6 to choose from \u2013 The 3 Primary Colors, as well as the 3 Complementary Colors). By the way, I rarely use the “Master” channel. I find that I have much more control by choosing a single color channel to make changes.<\/p>\n


\n2.)<\/strong>Adjust the Hue:<\/strong> As an example, choose the “Green” channel from the Drop-Down menu<\/em><\/strong>. Ever heard of the Color Wheel? If not, Click Here<\/a> because you should be using it. Now you will see it in action.<\/p>\n

~ As you move the \u201cHue\u201d slider<\/em> to the left, you will see the green values in your image go from a green cast to a yellow cast, then to a red cast, and finally end up with a magenta cast.<\/p>\n

~ As you move the \u201cHue\u201d slider<\/em> to the right, you’ll see your green values go from a green cast to a cyan cast, then to a blue cast, and finally to a magenta cast.<\/p>\n

3.) Adjust the Saturation:<\/strong> Again, using the “Green” Channel as an example, move the \u201cSaturation\u201d slider<\/em> all the way to the right and you’ll see the effect of way too much saturation. Conversely, if you move the slider all the way to the left, your green values will turn to shades of black and white.<\/p>\n

4.) Adjust the Lightness:<\/strong> I rarely use this slider. I personally find it ineffective. It is more effective and less destructive to adjust your Lightness with Levels and\/or Curves<\/em><\/strong>.<\/p>\n

Below, you will find two \u201creal-life\u201d examples of how to use Hue \/ Saturation, followed by commentary as to what was done and why.<\/strong><\/p>\n

\"Example<\/p>\n

The example above is a correction for Saturation only: <\/em><\/strong><\/p>\n

The Uncorrected Image<\/strong> needs to be warmed up, but not globally. The color bias is showing up as too much blue and cyan in the snow, clouds and trees.<\/p>\n

The Corrected Image<\/strong> is more natural looking. To achieve this, the \u201cCyan\u201d Channel is desaturated, plus the \u201cBlue\u201d Channel is also desaturated.<\/p>\n

\"Example<\/p>\n

This example above is a correction for Hue and Saturation: <\/em><\/strong><\/p>\n

In the Uncorrected Image<\/strong>, the greens are way too cool, with a blue bias. The terra-cotta pots are a bit desaturated. The rest of the image looks fine.<\/p>\n

The Corrected Image<\/strong> is more pleasing. To achieve this, the \u201cGreen\u201d Channel\u2019s\u201cHue\u201d Slider<\/em> is moved to the left, and the saturation in the \u201cRed\u201d Channel is increased.<\/p>\n

by John Watts, Watts Digital Imaging<\/p>\n","protected":false},"excerpt":{"rendered":"

There are two tools that I consider essential to working with contrast and color in Photoshop: Levels and Hue \/ Saturation. In a previous article, I showed you the \u201c8 [read more]<\/a><\/p>\n<\/div>","protected":false},"author":2,"featured_media":1150,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"yoast_head":"\nThe "Hue \/ Saturation" Adjustment Layer in Photoshop - Apogee Photo Magazine<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The "Hue \/ Saturation" Adjustment Layer in Photoshop - Apogee Photo Magazine\" \/>\n<meta property=\"og:description\" content=\"There are two tools that I consider essential to working with contrast and color in Photoshop: Levels and Hue \/ Saturation. In a previous article, I showed you the \u201c8 [read more]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Apogee Photo Magazine\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/ApogeePhotoMagazine\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-28T00:27:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-03-20T05:44:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.apogeephoto.com\/wp-content\/uploads\/2016\/06\/HSL-4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"432\" \/>\n\t<meta property=\"og:image:height\" content=\"285\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"ApogeePhoto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Apogee_Photo\" \/>\n<meta name=\"twitter:site\" content=\"@Apogee_Photo\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ApogeePhoto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/\"},\"author\":{\"name\":\"ApogeePhoto\",\"@id\":\"https:\/\/www.apogeephoto.com\/#\/schema\/person\/3b189d8a8e52a5c4267a41c54efd6ef1\"},\"headline\":\"The “Hue \/ Saturation” Adjustment Layer in Photoshop\",\"datePublished\":\"2016-06-28T00:27:19+00:00\",\"dateModified\":\"2019-03-20T05:44:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/\"},\"wordCount\":887,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.apogeephoto.com\/#organization\"},\"articleSection\":[\"Digital Imaging\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/\",\"url\":\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/\",\"name\":\"The \\\"Hue \/ Saturation\\\" Adjustment Layer in Photoshop - Apogee Photo Magazine\",\"isPartOf\":{\"@id\":\"https:\/\/www.apogeephoto.com\/#website\"},\"datePublished\":\"2016-06-28T00:27:19+00:00\",\"dateModified\":\"2019-03-20T05:44:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.apogeephoto.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The “Hue \/ Saturation” Adjustment Layer in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.apogeephoto.com\/#website\",\"url\":\"https:\/\/www.apogeephoto.com\/\",\"name\":\"Apogee Photo Magazine\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.apogeephoto.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.apogeephoto.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.apogeephoto.com\/#organization\",\"name\":\"Apogee Photo Magazine\",\"url\":\"https:\/\/www.apogeephoto.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.apogeephoto.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.apogeephoto.com\/wp-content\/uploads\/2018\/02\/apogeelogo_small.gif\",\"contentUrl\":\"https:\/\/www.apogeephoto.com\/wp-content\/uploads\/2018\/02\/apogeelogo_small.gif\",\"width\":330,\"height\":100,\"caption\":\"Apogee Photo Magazine\"},\"image\":{\"@id\":\"https:\/\/www.apogeephoto.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/www.facebook.com\/ApogeePhotoMagazine\/\",\"https:\/\/twitter.com\/Apogee_Photo\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.apogeephoto.com\/#\/schema\/person\/3b189d8a8e52a5c4267a41c54efd6ef1\",\"name\":\"ApogeePhoto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.apogeephoto.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2f5e073abe7053e24e42d0784cacf0bb?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2f5e073abe7053e24e42d0784cacf0bb?s=96&r=g\",\"caption\":\"ApogeePhoto\"},\"url\":\"https:\/\/www.apogeephoto.com\/author\/apogeephoto\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The \"Hue \/ Saturation\" Adjustment Layer in Photoshop - Apogee Photo Magazine","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"The \"Hue \/ Saturation\" Adjustment Layer in Photoshop - Apogee Photo Magazine","og_description":"There are two tools that I consider essential to working with contrast and color in Photoshop: Levels and Hue \/ Saturation. In a previous article, I showed you the \u201c8 [read more]","og_url":"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/","og_site_name":"Apogee Photo Magazine","article_publisher":"http:\/\/www.facebook.com\/ApogeePhotoMagazine\/","article_published_time":"2016-06-28T00:27:19+00:00","article_modified_time":"2019-03-20T05:44:07+00:00","og_image":[{"width":432,"height":285,"url":"https:\/\/www.apogeephoto.com\/wp-content\/uploads\/2016\/06\/HSL-4.jpg","type":"image\/jpeg"}],"author":"ApogeePhoto","twitter_card":"summary_large_image","twitter_creator":"@Apogee_Photo","twitter_site":"@Apogee_Photo","twitter_misc":{"Written by":"ApogeePhoto","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/"},"author":{"name":"ApogeePhoto","@id":"https:\/\/www.apogeephoto.com\/#\/schema\/person\/3b189d8a8e52a5c4267a41c54efd6ef1"},"headline":"The “Hue \/ Saturation” Adjustment Layer in Photoshop","datePublished":"2016-06-28T00:27:19+00:00","dateModified":"2019-03-20T05:44:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/"},"wordCount":887,"commentCount":0,"publisher":{"@id":"https:\/\/www.apogeephoto.com\/#organization"},"articleSection":["Digital Imaging"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/","url":"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/","name":"The \"Hue \/ Saturation\" Adjustment Layer in Photoshop - Apogee Photo Magazine","isPartOf":{"@id":"https:\/\/www.apogeephoto.com\/#website"},"datePublished":"2016-06-28T00:27:19+00:00","dateModified":"2019-03-20T05:44:07+00:00","breadcrumb":{"@id":"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.apogeephoto.com\/the-hue-saturation-adjustment-layer-in-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.apogeephoto.com\/"},{"@type":"ListItem","position":2,"name":"The “Hue \/ Saturation” Adjustment Layer in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.apogeephoto.com\/#website","url":"https:\/\/www.apogeephoto.com\/","name":"Apogee Photo Magazine","description":"","publisher":{"@id":"https:\/\/www.apogeephoto.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.apogeephoto.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.apogeephoto.com\/#organization","name":"Apogee Photo Magazine","url":"https:\/\/www.apogeephoto.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.apogeephoto.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.apogeephoto.com\/wp-content\/uploads\/2018\/02\/apogeelogo_small.gif","contentUrl":"https:\/\/www.apogeephoto.com\/wp-content\/uploads\/2018\/02\/apogeelogo_small.gif","width":330,"height":100,"caption":"Apogee Photo Magazine"},"image":{"@id":"https:\/\/www.apogeephoto.com\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/www.facebook.com\/ApogeePhotoMagazine\/","https:\/\/twitter.com\/Apogee_Photo"]},{"@type":"Person","@id":"https:\/\/www.apogeephoto.com\/#\/schema\/person\/3b189d8a8e52a5c4267a41c54efd6ef1","name":"ApogeePhoto","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.apogeephoto.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2f5e073abe7053e24e42d0784cacf0bb?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2f5e073abe7053e24e42d0784cacf0bb?s=96&r=g","caption":"ApogeePhoto"},"url":"https:\/\/www.apogeephoto.com\/author\/apogeephoto\/"}]}},"_links":{"self":[{"href":"https:\/\/www.apogeephoto.com\/wp-json\/wp\/v2\/posts\/1149"}],"collection":[{"href":"https:\/\/www.apogeephoto.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.apogeephoto.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.apogeephoto.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.apogeephoto.com\/wp-json\/wp\/v2\/comments?post=1149"}],"version-history":[{"count":0,"href":"https:\/\/www.apogeephoto.com\/wp-json\/wp\/v2\/posts\/1149\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.apogeephoto.com\/wp-json\/wp\/v2\/media\/1150"}],"wp:attachment":[{"href":"https:\/\/www.apogeephoto.com\/wp-json\/wp\/v2\/media?parent=1149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.apogeephoto.com\/wp-json\/wp\/v2\/categories?post=1149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.apogeephoto.com\/wp-json\/wp\/v2\/tags?post=1149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}