Learn how to adjust the hue, saturation, and lightness of colors in an image using a Hue/Saturation adjustment layer.
Hue/Saturation lets you adjust the hue, saturation, and lightness of a specific range of colors in an image or simultaneously adjust all the colors in an image. This adjustment is especially good for fine-tuning colors in a CMYK image so that they are in the gamut of an output device.
Add an adjustment layer. Do one of the following:
- In the menu bar, choose Layer > New Adjustment Layer > Hue/Saturation . Click OK in the New Layer dialog box.
- In the Adjustments panel, click the Hue/Saturation icon.
You can also choose Image > Adjustments > Hue/Saturation . But keep in mind that this method makes direct adjustments to the image layer and discards image information.
In the Properties panel, choose the following options:
- From the Preset menu, choose a Hue/Saturation preset .
- From the menu to the right of the On-image adjustment tool :
- Choose Master to adjust all colors at once.
- Choose one of the other preset color ranges listed for the color you want to adjust –
To modify the color range, see Specify the range of colors adjusted using Hue/Saturation.
To adjust the hue, do any of the following:
- Drag the Hue slider or enter a value until you are satisfied with the colors.
The values displayed in the box reflect the number of degrees of rotation around a color wheel from the original color of the pixel. A positive value indicates clockwise rotation; a negative value indicates counterclockwise rotation. Values can range from ‑180 to +180.
- Select the On-image adjustment tool . Then Ctrl-click (Windows) or Command-click (Mac OS) a color in the image and drag left or right in the image to modify the Hue value.
To adjust the saturation, do any of the following:
- Enter a value or drag the Saturation slider to the right to increase the saturation or to the left to decrease it.
Values can range from ‑100 (percentage of desaturation, duller colors) to +100 (percentage of saturation increase).
- Select the On-image adjustment tool and click a color in the image. Drag left or right in the image to decrease or increase saturation of the color range that includes the pixel you clicked.
For Lightness , enter a value or drag the slider to the right to increase the lightness (add white to a color) or to the left to decrease it (add black to a color). Values can range from ‑100 (percentage of black) to +100 (percentage of white).
To undo a Hue/Saturation setting, click the reset button at the bottom in the Properties panel.
In the Properties panel, choose a color from the menu to the right of the On-image adjustment button .
The adjustment sliders and their corresponding color wheel values (in degrees) appear between the two color bars.
- The two inner vertical sliders define the color range.
- The two outer triangle sliders show where the adjustments on a color range ‘fall off’ (fall‑off is a feathering or tapering of the adjustments instead of a sharply defined on/off application of the adjustments).
- Click or drag in the image with the Eyedropper tool to select a color range.
- To expand the range, click or drag in the image with the Add To Sample Eyedropper tool .
- To reduce the range of color, click or drag in the image with the Subtract From Sample Eyedropper tool .
- While an eyedropper tool is selected, you can also press Shift to add to the range, or Alt (Windows) or Option (Mac OS) to subtract from it.
- Drag one of the white triangle sliders to adjust the amount of color fall‑off (feathering of adjustment) without affecting the range.
- Drag the area between the triangle and the vertical bar to adjust the range without affecting the amount of fall‑off.
- Drag the center area to move the entire adjustment slider (which includes the triangles and vertical bars) to select a different color area.
- Drag one of the vertical white bars to adjust the range of the color component. Moving a vertical bar from the center of the adjustment slider and closer to a triangle increases the color range and decreases the fall‑off. Moving a vertical bar closer to the center of the adjustment slider and away from a triangle decreases the color range and increases the fall‑off.
- Ctrl-drag (Windows) or Command-drag (Mac OS) the color bar so that a different color is in the center of the bar.
Hue/Saturation adjustment slider
A. Hue slider values B. Adjusts fall‑off without affecting range C. Adjusts range without affecting fall‑off D. Adjusts range of color and fall‑off E. Moves entire slider
If you modify the adjustment slider so that it falls into a different color range, its name in the menu (to the right of the On-image adjustment button ) changes to reflect this color range. For example, if you choose Yellow and alter its range so that it falls in the red part of the color bar, the name changes to Red 2. You can convert up to six of the individual color ranges to varieties of the same color range (for example, Red through Red 6).
By default, the range of color selected when you choose a color component is 30° wide, with 30° of fall‑off on either side. Setting the fall‑off too low can produce banding in the image.
With the Replace Color command, you can create temporary masks based on specific colors and then replace these colors. (A mask isolates an area of an image so that changes affect just the selected area and not the rest of the image.) The Replace Color dialog box contains options for adjusting the hue, saturation, and lightness components of the selection: hue is color, saturation is the purity of the color, and lightness is how much white or black is in the image.
You’ll use the Replace Color command to change the color of one of the child’s cap in the image of the playground.
- Zoom in to see the child’s cap clearly.
- In the Layers panel, select the Background layer. The cap is on the Background layer.
- Select the Rectangular Marquee tool, and draw a selection border around the child’s cap. Don’t worry about making a perfect selection, but be sure to include all the cap.
The Replace Color dialog box opens, and by default, the Selection area displays a black representation of the current selection.
The Replace Color dialog box contains three eyedroppers. The first, the Eyedropper tool, selects a color; the second adds a color to the sample; the third removes a color from the sample.
Fuzziness controls the degree to which related colors are included in the mask.
As you change the values, the color of the cap changes in hue, saturation, and lightness.
There are several ways to change colors of objects in Photoshop, and plenty of different objects you may want to change: clothes, hair color, light color, furniture and so on. Nathaniel Dodson from Tutvid has created a fantastic video that shows you five techniques for changing the color of different objects. You can choose the one you like best or the one that suits the type of the object you’re changing.
In this video, Nathaniel changes the color of a dress, background light, and a car. He also matches the color of the object with a sample color, and also adds color to a white dress. He uses different techniques, and they’ll get you prepared for any color changing task that may be ahead of you.
1. Hue/Saturation adjustment layer
This is the simplest and a pretty common technique. Nathaniel used a model in a red dress and changed the color of the dress.
First, make a selection of the object you want to change (in this case, the dress). Then, add a new Hue/Saturation adjustment layer. From here on, you can play with hue, saturation and luminosity until you’re satisfied with the result:
If you want to mix the original color with the one you added, you can reduce the opacity of the Hue/Saturation adjustment layer. Since the dress in Nathaniel’s photo is red and he turned it into blue, by decreasing the opacity of the adjustment layer, the dress will become purple.
2. Solid color adjustment layer
Another method is to use the Solid Color adjustment layer. To illustrate this, Nathaniel used a photo of a red car:
Again, make the selection of the car using your preferred method. Then, add a new Solid Color adjustment layer. This will look pretty bad, but don’t worry – changing the blending mode will fix it.
Change the blending mode to Color or Hue. The Hue blending mode will look more natural, but you can also select the Color blending mode and adjust the color to reduce some of the saturation.
You can also use the Eyedropper Tool to select the color from the environment. Using this method, Nathaniel matched the color of the car with the green surroundings. It’s not the best color for a car, but it illustrates how this method works:
3. Add color to a white object
Adding color to a white object is a bit tricky because it will likely look unnatural. But it’s not undoable. Nathaniel uses a model in a white dress and changes the color of the dress just like in the first example.
Select the white object first, and then add a new Hue/Saturation adjustment layer. It’s similar to the first example, but this time, select the “Colorize” feature.
Then, pick the color you want to add to the object by adjusting the Hue slider. Make sure to adjust the saturation and luminosity as well, and don’t worry if you’re not quite there yet.
To make the change look more realistic and add some contrast and details, hold Ctrl/Cmd and click on the layer mask. Add another adjustment layer: Levels. Play with the levels to add some more contrast and make the colorized object look more realistic.
4. Target specific color in the photo
For this technique, you’ll use Hue/Saturation adjustment layer again, but without making the selection. It will affect the entire photo, and you will mask out the parts you want to leave unchanged. For the illustration, Nathaniel chooses a photo where he wants to change the color of the background lights
So, add the new Hue/Saturation adjustment layer. From the drop-down menu, pick the color you want to change. In this case, it will be yellow, because the goal is to change the color of the lights. Then, adjust the Hue slider until you get the color of the lights you want.
Since this change will affect the model’s skin, hair and the shirt, you can mask out these parts to preserve the original, more natural color. here’s what it looks like:
You can also do this by selecting a scrubby tool, and then clicking and dragging over the color you want to adjust. Just clicking and dragging changes saturation. But if you want to change the hue, hold Ctrl/Cmd key and then click and drag.
5. Changing the color of the object to a specific color – matching colors
This approach seems a bit complicated, but it’s super-useful if you need to match the color of the object with a color swatch from the catalog. Nathaniel’s photo is an interior with two chairs, and the white one needs to be matched to the orange color.
First, to create the color sample, make a small selection anywhere in the photo. Go to color picker and select the color, or you can type in the specific name of the color. Hold Alt/Option + Delete/Backspace to fill the selection with the color.
Now, grab the Eye Dropper tool and click on the color to drop the first sample point. Do the same on the object you’re changing to add the second sample point.
Now, in the Info Panel, change the readout from RGB to Lab Color. Right click on both #1 and #2, and select the Lab Color. Think of “L” as the lightness, “A” as the tint slider, and “B” as the Temperature slider in Camera Raw.
Make the selection of the object, and add a Curves adjustment layer. Hold the Ctrl/Cmd key and click on the pinpoint #2, which will add a control point on the curves. From here on, adjust the curves so the numbers on the right (the chair) match the numbers on the left (the sample color).
Here’s the final result
I hope these techniques will help you deal with any situation when you need to change the color. Make sure to watch the video to see the examples and the entire workflow, and check out more tutorials on Tutvid’s YouTube channel.
This video is a tutorial on creating an Icon Logo in Photoshop Cs4.
Go to File and open a new document. In the Layer option, set up a new layer and give it a name. Using the pen tool, create a shape for your logo, it can be anything you like. When you have the shape you want, right click and select Make Selection. Now you can fill the shape with a color. Press ctrl+U for the Hue/Saturation option to get the exact color that you want.
The next step will be creating a glossy appearance with a gradient. For this you will set up another layer. Use the Elliptical Marquee tool to create a circular shape for the gradient. Take the gradient tool and change the foreground color to white, then drag the tool down through the selection vertically to create the gradient fill. You can adjust the gradient any way that you like with the Free Transform tool.
Now create another new layer. Press Ctrl and click on the picture to select it. Stretch the circular gradient to the bottom. Select Overlay for this layer to adjust the opacity.
Now on the original layer go to Layer Style and choose any blending options that you like. When you have it the way you want it, add a background. Then with your text tool type in the text that you want to include in your logo.
Want to master Microsoft Excel and take your work-from-home job prospects to the next level? Jump-start your career with our Premium A-to-Z Microsoft Excel Training Bundle from the new Gadget Hacks Shop and get lifetime access to more than 40 hours of Basic to Advanced instruction on functions, formula, tools, and more.
The sliders on the HSL/Grayscale tab allow you to make adjustments to a specific range of color. With these controls, you can boost the level of one color relative to others or increase and decrease saturation and luminance (Figure 33a).
Figure 33a The Hue, Saturation, and Luminance tabs are nested within the HSL/Grayscale tab.
Each of the HSL tabs controls one aspect of color, and each slider on each tab controls the characteristics of a single color range:
- Hue. The fundamental nature of a color within a limited range. In other words, you cannot change a blue to red, but you can change blue from cyan to purple.
- Saturation. The vividness of a color. For instance, you can change a blue sky from gray (no color) to highly saturated blue.
- Luminance. The brightness of the color range.
To get a better handle on HSL, let’s consider the following scenario: You have created a beautiful landscape photograph. The image is good, but you want to enhance the blue sky color. How would you do it?
- Click the Hue tab and drag the Blues slider to dial in the exact shade of blue you want.
- Click the Saturation tab and drag the Blues slider to the right to increase the saturation of the blue tones in the image.
Click the Luminance tab and drag the Blues slider to the left to make the sky a deeper and darker blue (Figure 33b).
Figure 33b The color of the sky in the left half of this image was deepened using the HSL controls.
This scenario is a good example of times when you will utilize all three HSL tabs to produce the desired result. Other times, the best result will be produced by using just one HSL tab.
Why Invest Time in Learning HSL?
With HSL, your creative potential is nearly unlimited, so it’s a good idea to spend some time experimenting with it. Because HSL provides a new way to modify and think about color and tone, spending a lot of time with it can help you fine-tune your sense of how color and tone are closely connected. Ultimately, this will help you get the most out of the HSL adjustment sliders.
The Hue/Saturation command lets you adjust the hue, saturation, and lightness of color components in an image. Additionally, you can adjust all the colors in an image simultaneously. This command can work in two ways:
- To adjust colors in an image that appears slightly out of phase or skewed toward a color, such as an image that appears to have a blue overcast
- To create stylistic changes by dramatically changing colors in an object, such as trying out different combinations of colors in a logo
When combined with a selection command (such as Color Range), the Hue/Saturation command can be used to enhance colors selectively in an image.
Let’s give the command a try.
Close any open files, and then open the file Ch10_Hue_Saturation.tif from the Chapter 10 folder (see Figure 29). You’ll subtly tweak the color in the motorcycle.
If you want to intensify colors, be sure to try a Vibrancy adjustment layer. Unlike Saturation, Vibrancy only boosts those parts of a photo that are less saturated. It also respects skin tones, which means photos look more natural when pumping up the intensity of color.
Tinting a Photo
You can also use the Hue/Saturation command to tint an image. If you’re working with a grayscale image, you need to convert it to an RGB image first.
Welcome to the Community!
We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.
Adobe Support Community
- Photoshop ecosystem
- Can I perform Haze Removal using Adobe CS4?
- Photoshop ecosystem
Copy link to clipboard
How do I perform haze removal using CS4 NOT adobe Premiere Elements?
Copy link to clipboard
Not using the dehaze tool. That feature was added much later. You’d have to use a combination of the tone curve and other tools to remove haze in that version of Photoshop or Lightroom.
Copy link to clipboard
Workaround / alternate method
Download and install latest Adobe Bridge (free, you probably already have a copy)
Download and install latest Adobe Camera RAW (free, you probably already have a. copy)
Using Bridge, select to open your image in Camera RAW, accomplish your edits, save (TIFF, PSD, DNG, or JPEG) Might then need to import new file in LR
Not sure if you can do this via LR by having Bridge as an external editor.
Fairly sure you cannot set up an external editor pointing at ACR, ACR needs to be launched from an application.
Not sure if a newer copy of ACR will foul up your copy of Elements. Think ed haze was added at ACR v9.2
Are you working with a RAW image? not sure if this works on a JPEG.
This will be a destructive edit, not a nice non destructive lightroom edit.
Copy link to clipboard
Download and install latest Adobe Camera RAW (free, you probably already have a. copy)
ACR is not free. That’s why people have to resort to the free DNG converter when they have new cameras, and old versions of Photoshop.
Copy link to clipboard
Hmmm, always understood that the Camera RAW plug-in did not have a cost associated with it, that it came along with foe one Photoshop, and I think Elements. I can see pages to download it from, but without mention of cost.
But then, I have never had to acquire it separately from PS, so perhaps a bit of non experience in that way.
Copy link to clipboard
Three of the most significant effects of haze as it relates to images are:
1. a reduction scene tonal range,
2. a reduction in color saturation, and
3. a reduction in scene sharpness.
It would be helpful to address each of these factors in the order listed and the devices for corection are available in CS4.
For example, you may increase image tonal range using Curves or Levels, adjust saturation with the Hue/Saturation slider, and handle sharpness using an Unsharp Mask or one of the other options in the Sharpen list. In addition, depending upon the time of day, you may find that the haze has a cool or warm cast. If it is apparent and you would like to change it use the Color Balance function before sharpening. (The functions, apart from Sharpening, appear in the Image > Adjustments menu. Sharpening is found under Filters.)
These are global corrections. For further enhancement of the image, you may find the making local tonal, color or other changes before sharpening adds to the aesthetic quality of the image. Good luck.
Adobe Photoshop has everything you need to manipulate photos. And yes, you can make an object look glow like the moon or lightsaber.
Turns out, to make such effect is not hard and can be done within 3 minutes of work. You don’t need to install a third-party plugin. All you need was already inside the program.
So, here is the guide!
The following guide is based on Adobe Photoshop CS4. However, the step by step guide should be the same for other versions.
How to make object glows in Photoshop
Time Needed : 3 minutes
In the following guide, you will learn how to make any object in Photoshop glows with a soft light. The result will somewhat look like the moon, glowing stick, or lightsaber. It best if you already understand working with some Photoshop tools, especially for selecting an object.
Open the image you want to edit with Photoshop.
- Adobe Photoshop
The glow effect works best if you match the glowing color with the source of light. You may also have to play with Size and Opacity to depict the intensity of light.
In general, this method might not be resulting in a good quality photo. That’s why it’s recommended to master some Photoshop features to make the output file looks as expected. Brush, for example, is one of the most used tools in Photoshop. You can learn how to create a brush in Photoshop for beginners.
We show you how adding a vignette to a portrait or wedding photo can really improve the look of your image.
30 Jun 2010 12:00AM by ePHOTOzine | Adobe Photoshop
Adding a vignette is a treatment that has been popular with wedding and portrait photographers since cameras were first used. The idea is to create a dark (low key) or light (high key) circle or oval around your photo. In the past it was done using either filters on the camera lens or dodging and burning masks in the darkroom. Now it can be done digitally with your image editing program.
Choose a suitable photo – one with some space around the subject is best. For a high key vignette make sure the surrounds have lighter tones and for a low key vignette choose a shot with a darker background.
You’ve read the article, now go take some fantastic images. You can then upload the pictures, plus any advice and suggestions you have into the dedicated Photo Month forum for everyone at ePHOTOzine to enjoy.
Support this site by making a Donation, purchasing Plus Membership, or shopping with one of our affiliates: Amazon UK, Amazon US, Amazon CA, ebay UK
It doesn’t cost you anything extra when you use these links, but it does support the site, helping keep ePHOTOzine free to use, thank you.