Photoshop

Adjust hue and saturation

The Hue/Saturation command lets you adjust the hue, saturation, and brightness of a specific color component in an image or simultaneously adjust all the colors in an image. This command is especially good for fine-tuning colors in a CMYK image so that they are in the gamut of an output device.

You can save settings in the Hue/Saturation dialog box and load them for reuse in other images. For more information, see Save and reapply adjustment dialog box settings.

Apply the Hue/Saturation command

  1. Do one of the following:
    • Choose Image > Adjustments > Hue/Saturation.

    • Choose Layer > New Adjustment Layer > Hue/Saturation. Click OK in the New Layer dialog box. The two color bars in the dialog box represent the colors in their order on the color wheel. The upper color bar shows the color before the adjustment; the lower bar shows how the adjustment affects all of the hues at full saturation.

  2. Choose which colors to adjust using the Edit pop‑up menu:
    • 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 Adjust hue and saturation.

  3. For Hue, enter a value or drag the slider until you are satisfied with the colors.

    The values displayed in the text box reflect the number of degrees of rotation around the wheel from the pixel’s original color. A positive value indicates clockwise rotation; a negative value, counterclockwise rotation. Values can range from ‑180 to +180.

    Color wheel

    A.
    Saturation

    B.
    Hue

  4. For Saturation, enter a value or drag the slider to the right to increase the saturation or to the left to decrease it.

    The color shifts away from or toward the center of the color wheel. Values can range from ‑100 (percentage of desaturation, duller colors) to +100 (percentage of saturation increase).

  5. 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).
    Note: Click the Reset button to undo a setting in the Hue/Saturation dialog box. Press Alt (Windows) or Option (Mac OS) to change the Cancel button to Reset.

Specify the range of colors adjusted in the Hue/Saturation command

  1. Do one of the following:
    • Choose Image > Adjustments > Hue/Saturation.

    • Choose Layer > New Adjustment Layer > Hue/Saturation. Click OK in the New Layer dialog box.

  2. In the Hue/Saturation dialog box, choose a color from the Edit menu.

    Four color wheel values (in degrees) appear in the dialog box. They correspond to the adjustment sliders that appear between the 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).

  3. Use either the eyedropper tools or the adjustment sliders to modify the range of colors.
    • 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, the name in the Edit menu changes to reflect this change. 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).

    Note: 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.

Colorize a grayscale image or create a monotone effect

  1. If you are colorizing a grayscale image, choose Image > Mode > RGB Color to convert the image to RGB.
  2. Do one of the following to open the Hue/Saturation dialog box:
    • Choose Image > Adjustments > Hue/Saturation.

    • Choose Layer > New Adjustment Layer > Hue/Saturation. Click OK in the New Layer dialog box.

  3. Select the Colorize option. If the foreground color is black or white, the image is converted to a red hue (0°). If the foreground color is not black or white, the image is converted to the hue of the current foreground color. The lightness value of each pixel does not change.
  4. (Optional) Use the Hue slider to select a new color. Use the Saturation and Lightness sliders to adjust the saturation and lightness of the pixels.