Photoshop · Lesson 25 Adjustment: Hue/Saturation
1 / 13
Photoshop · Lesson 25
Change a Red Car to Blue.
Make the Sky Electric.
Hue/Saturation is Photoshop's color control room. Three sliders. Six color channels. One checkbox for a completely different creative mode. All non-destructive on an adjustment layer.
🚗
Color Swap
Target a specific color channel and shift the Hue slider to replace that color across the image.
🌤️
Selective Boost
Pump Saturation in Cyans and Blues for a richer sky without affecting skin tones or foliage.
🎨
Colorize / Tint
The Colorize checkbox converts the whole image to a stylized monochrome tint — sepia, cyanotype, or any hue you choose.
🎨 Selective color targeting — no masks, no selections required. Just a dropdown and a slider.
Foundations
What Hue/Saturation Does
Three properties of every color — controllable independently, globally or per channel.
H
Hue — Position on the Color Wheel
−180 to +180. Shifts targeted colors around the wheel. Red (0°) → Yellow (+60°) → Green (+120°) → Cyan (+180°) → Blue (−120°) → Magenta (−60°) → back to Red.
S
Saturation — Vividness
−100 to +100. Zero = no change. −100 = fully gray. +100 = fully vivid. For natural photography, rarely exceed +35. Over +50 looks unnatural in most photos.
L
Lightness — Coarse Brightness (Use Sparingly)
−100 to +100. Washes out at +100 (toward white), crushes at −100 (toward black). Not a replacement for Curves or Levels — use it for quick, coarse adjustments only. Max ±15 for believable results.
⚠️ Lightness in Hue/Sat is a blunt instrument. For real tonal control, use Curves or Levels instead.
Workflow
Creating a Hue/Saturation Adjustment Layer
A
Layer Menu — Layer → New Adjustment Layer → Hue/Saturation
Opens a naming dialog. Good for organized documents. Appears above the currently selected layer.
B
Adjustments Panel — Click the Half-Circle Icon
Window → Adjustments. Click the Hue/Saturation icon. No naming dialog — fastest for quick work. Properties panel opens automatically.
C
Half-Circle at the Bottom of the Layers Panel
Click the half-black/half-white circle icon → choose Hue/Saturation. The fastest single-click method. Most experienced users default to this.
💡
Always Use the Adjustment Layer — Not Image → Adjustments
Image menu → Adjustments → Hue/Saturation bakes the change into the pixels permanently. The adjustment layer version is non-destructive: adjust, turn off, or delete it at any time. Same result. Complete flexibility. Always choose the adjustment layer.
✅ All three creation methods produce the same non-destructive adjustment layer. Pick whichever is fastest for your workflow.
Reference
The Three Sliders — Practical Ranges
H
Hue — Color Wheel Shift
Subtle warmth/cool shift: ±10–20°. Noticeable color change: ±45–90°. Full opposite hue: ±120–150°. Use with a specific channel for targeted swaps.
S
Saturation — Vividness Control
Natural boost: +15 to +30. Over +50 usually looks unnatural. Partial desaturation: −30 to −50 (neutralizes without removing color entirely). −100 = fully gray (master channel = black & white).
L
Lightness — Use Sparingly
Believable range: ±10–15 max. Anything beyond that washes or crushes color visibly. For real exposure control, use Curves.
🔴→🟠
Hue: Color Swap Example
Reds channel + Hue +30° = orange. +90° = yellow-green. −120° = blue-purple. Always isolate to a channel first.
🌈
Saturation: Quick Reference
Sky boost: +20–30 Cyans+Blues. Autumn foliage: +25 Yellows. Skin neutralize: −30 to −40 Reds. Black & white: Master −100.
🧠 Hue and Saturation are independent. Changing what color something is doesn't change how vivid it is until you move the Saturation slider too.
Core Feature
The Channel Dropdown — Selective Targeting
The dropdown at the top of the Properties panel is where the real power lives. Master affects all colors; individual channels target specific hue ranges.
☰
Master — Affects All Colors Equally
Any slider change applies to every hue in the image. Use for global saturation adjustments (e.g. drain to black & white) or Colorize mode.
6
Six Color Channels — Selective Targeting
Reds · Yellows · Greens · Cyans · Blues · Magentas. Select one and only that hue range is affected by the sliders. Unselected channels are completely untouched.
≈
Channels Are Overlapping Ranges — Not Sharp Cutoffs
A rose between red and magenta will be partially affected by both the Reds and Magentas channels. The range indicators at the bottom of the Properties panel show the exact affected area and the fade zones on either side.
💡 Targeted adjustment without any selection or mask — just pick the right channel and move a slider. That's the power of the dropdown.
Technique
Targeting a Specific Color — The Eyedropper
1
Select the Closest Channel in the Dropdown
Pick the channel nearest to your target color. For a warm orange-red jacket, start with Reds. For a teal pool, start with Cyans.
2
Click the Eyedropper in the Properties Panel
Three eyedroppers at bottom-left. Plain = set range. + = add to range (Shift+click on image). − = remove from range. Use the plain eyedropper first.
3
Click on the Color in Your Image
Photoshop samples the exact hue and recenters the channel range on it. The range indicators update immediately. Now your sliders target that precise color.
4
Adjust the Range Indicators for Smooth Transitions
Inner triangles = core range (fully affected). Outer triangles = fade zone (partially affected). Drag inner triangles to widen or narrow the core. Widen the fade zone for smoother, more natural edges.
🧠 Tight fade zone = hard edges, potentially unnatural. Wider fade zone = smoother color transitions. Always allow some falloff for photographic work.
Practical Use
Color Swap — Red Jacket to Blue
The most requested Hue/Sat application: change one specific color without affecting anything else.
1
Add Hue/Sat Adjustment Layer → Select Reds Channel
The adjustment initially affects the whole image — we'll isolate it through the channel and, if needed, the built-in mask.
2
Eyedropper → Click the Jacket
Range centers on the jacket's exact hue. The dropdown may auto-switch to a custom channel range — that's correct.
3
Drag Hue to −120 to −150 for Blue
The jacket shifts through purple into blue. Stop where it looks right. Only the sampled hue range moves — other colors stay put.
4
Adjust Saturation → Paint the Mask if Needed
Tune Saturation so the blue matches the rest of the photo. If other reds in the frame shifted, paint black on the adjustment layer's mask to conceal the effect in those areas.
✅ After the Hue shift, adjust Saturation and optionally Lightness −5 to −15 to make the new color look naturally lit. Compare to a reference.
Practical Use
Sky Enhancement — Cyans + Blues
Most blue skies contain significant cyan content. Working both channels gives uniform coverage across the full sky.
1
Start with the Cyans Channel — Saturation +20 to +30
Cyans are the dominant channel in many outdoor skies. Boosting Saturation here enriches the overall sky tone more evenly than Blues alone.
2
Switch to Blues Channel — Saturation +10 to +20
Adds richness to the deeper-blue portions of the sky. Together with Cyans, this covers the full tonal range of a natural sky.
3
Small Hue Shift in Cyans: −5 to −15°
Pushes greenish-cyan toward a cleaner blue. Optional — only if the sky has a slightly green cast. Don't overdo it — natural beats synthetic every time.
4
Check the Foreground — Narrow Range or Mask
If cyan or blue foreground elements (water, shadows, clothing) also shifted, narrow the range indicators or paint black on the mask over those areas.
💡 Blues-only enhancement leaves the cyan portions of the sky flat. Always work Cyans first for even sky coverage.
Feature
Colorize Mode — Tints and Duotone Effects
☑️
The Colorize Checkbox
Checked = entire image converted to a single-hue monochrome tint. Hue sets the color. Saturation sets the intensity. The image's tonal range is preserved — only the hue is replaced. Unchecked = normal Hue/Sat behavior.
🟤
Sepia
Colorize ✓
Hue: ~30
Sat: 20–25
Classic warm brown aged-print look.
🔵
Cyanotype
Colorize ✓
Hue: ~205–215
Sat: 30
Historic blueprint / fine art print aesthetic.
🟢
Night Vision
Colorize ✓
Hue: ~120
Sat: 35
Dramatic green-tinted infrared aesthetic.
🧠 Colorize is for tinting — not converting to black and white. For a proper B&W conversion with tonal control, use the Black & White adjustment layer instead.
Comparison
Hue/Sat vs. Selective Color
Both adjust color channels — but they work at completely different levels of color theory.
🎨
Hue/Saturation
HSL color space. Think: what color is this, and how vivid? Shift hue around the wheel. Boost or drain saturation. Best for color swaps, saturation control, global tinting.
≠
🖨️
Selective Color
CMYK color space. Think: what ink mixture makes this color? Subtract cyan from reds to warm skin. Reduce yellow from shadows. Best for flesh tones, print matching, cast removal.
🔑
The Quick Rule
Want to change what color something is? → Hue/Saturation. Want to fine-tune the balance of components within a color? → Selective Color. You'll use Hue/Sat far more often for photography; Selective Color is more common in pre-press and print.
✅ Different mental model. Different tool. Different job. Knowing which to reach for is more important than mastering both simultaneously.
Hidden Feature
The On-Image Scrubber
Click the hand icon in the top-left of the Properties panel — then drag directly on any color in your photo.
✋
Activate — Click the Hand Icon in the Properties Panel
Top-left corner of the Properties panel when a Hue/Sat layer is selected. Cursor becomes a scrubbing cursor when hovering over the canvas.
→
Drag Right → More Saturation. Drag Left → Less Saturation.
Photoshop detects the color under your cursor, auto-selects the corresponding channel in the dropdown, and adjusts that channel's Saturation slider as you drag.
⌘
Ctrl/Cmd + Drag → Adjusts Hue Instead
Holding Ctrl (Win) or Cmd (Mac) while dragging switches from Saturation adjustment to Hue adjustment. Direct color shifting on the image — no slider interaction needed.
💡 The on-image scrubber is the fastest way to make targeted, intuitive color adjustments. Many experienced Photoshop users have never found this tool.
Hands-On Challenge
Three-Part Challenge
A
Color Swap — Target Reds, Shift to Orange
Open a photo with a red element. Add a Hue/Sat adjustment layer. Switch to Reds channel. Use the eyedropper to sample the red element. Shift Hue +30 to +45 degrees to make it orange. Observe: only the sampled hue range moves. Everything else stays.
B
Saturation Control — Boost +20, Then Try −30
On the same channel (now orange), increase Saturation +20. Note how the color becomes more vivid. Then drop it to −30. Observe: it fades but doesn't shift hue. Return to +20. Hue and Saturation are fully independent controls.
C
Colorize Mode — Sepia and Cyanotype
Add a new Hue/Sat adjustment layer. Check Colorize. Set Hue 30, Sat 22 → sepia. Try Hue 205, Sat 30 → cyanotype. Toggle the layer on/off to compare. Then try the on-image scrubber (hand tool) for free exploration — drag on any color, right or left.
🧠 Three parts: color swap, saturation independence, colorize. Together they cover the full range of what Hue/Sat can do in practice.
Up Next
You Know Hue/Sat.
Now Let's Balance the Tones.
Lesson 25 complete. In Lesson 26 we use Color Balance — adjusting color in the shadows, midtones, and highlights independently for cinematic color grading and mixed-lighting fixes.
Up Next
Color Balance
PS Lesson 26 — Shift color by tonal zone: warm shadows, cool highlights, and everything in between.
Start Lesson 26 →
🏆 Bring a photo with a mixed-lighting problem to Lesson 26 — warm interior light + cool daylight from a window — we'll fix it with Color Balance.
⌂ Index