How to Add Color Gradients to Any Object in Photoshop

Add Color Gradients to an Object Without Wrecking Skin Tones

Everyone has done this: drag the Hue slider to recolour a shirt, and your subject’s face goes green. Hue/Saturation works on colour ranges, not objects, and skin shares more of its range with clothing and backgrounds than you would expect.

The fix has two parts. Mask the skin out of the adjustment so it can never be affected, then put a gradient on the group so the new colour fades across the object instead of covering it flatly. The result is a multi-tone recolour that keeps the person looking like a person.

Why Hue/Saturation Alone Fails

It Selects Colour, Not Objects

Target the reds to change a jacket and every red in the frame comes with you — lips, cheeks, the warm tones under the skin. The adjustment has no concept of where the jacket ends.

Skin Sits in the Most Crowded Part of the Spectrum

Skin occupies reds, oranges and yellows, which is exactly where most clothing and warm backgrounds live too. Narrowing the range helps but rarely separates them cleanly.

A Flat Recolour Reads as Fake

Real objects don’t have one colour across their whole surface; light falls off. A gradient reintroduces that variation, which is why the second half of this workflow matters as much as the first.

Change the Colour

1. Add a Hue/Saturation Adjustment Layer

   From the Adjustments panel or Layer > New Adjustment Layer. Keep it as a layer rather than an Image > Adjustments edit — everything after this depends on having a mask to work with.

2. Use the Targeted Adjustment Tool to Pick the Range

   Click the small hand icon in the Properties panel, then click directly on the colour in the image you want to change. Photoshop selects the matching range for you instead of you guessing which of the six preset channels is closest.

3. Move the Hue Slider

   Go as far as you like — the point right now is to see which parts of the image respond, not to settle on the final colour. Watch the face while you drag; whatever contamination appears is what the next step removes.

Protect the Skin

4. Select the Person With the Object Selection Tool

   Press W, then use Select Subject or Select People in the options bar. Select People is the better choice here because it isolates the person specifically rather than whatever is most prominent. If the edges need work, our free guide to isolating subjects and cleaning up edges covers refining a selection properly.

5. Click the Hue/Saturation Layer Mask

   The mask thumbnail, not the adjustment icon. Getting this wrong is the most common failure — fill the wrong thumbnail and you replace the adjustment instead of masking it.

6. Fill the Selection With Black

   Edit > Fill, or Shift + F5, and choose Black. The skin drops out of the adjustment entirely. Your recolour is now confined to everything that isn’t the person.

Turn It Into a Gradient

One flat colour is where most people stop. Two minutes more gives you a transition from the original colour to the new one, which looks far more like light behaving.

7. Group the Adjustment Layer

   Cmd/Ctrl + G. This is the move that makes the whole thing work — the group can carry its own mask, independent of the one already protecting the skin.

8. Add a Layer Mask to the Group

   With the group selected, click the Layer Mask icon. You now have two masks doing separate jobs: the inner one excludes skin permanently, the outer one controls how the effect fades.

9. Drag a Black-to-White Gradient Across the Subject

   Press G for the Gradient Tool, choose Black to White, and drag across the object. Where the mask is white the new colour shows at full strength; where it’s black the original shows through; in between you get a genuine blend of the two.

Adjust It Afterwards

Nothing here is committed, which means the version you land on can be the tenth one rather than the first.

10. Double-Click the Hue/Saturation Icon to Change the Colour

    Hue, Saturation and Lightness are all still live. Saturation and Lightness are worth revisiting — a hue shift often needs a small lightness correction to match how the original tone read.

11. Re-Drag or Reverse the Gradient

    Drag again to reposition the fade, or click Reverse in the Contextual Task Bar to flip which end is strong. Both take a second and neither costs you anything.

What Usually Goes Wrong

Filling the Adjustment Instead of the Mask

Click the mask thumbnail before Edit > Fill. If the whole image turns black, that’s what happened.

Skipping the Group

Putting the gradient on the Hue/Saturation mask itself overwrites your skin protection. The two masks need to be on different levels.

Selecting the Subject Instead of the People

Select Subject can grab the object you’re recolouring if it’s the most prominent thing in frame, which masks out precisely what you wanted to change.

Pushing Saturation to Compensate

If the new colour looks weak, the problem is usually lightness rather than saturation. Cranking saturation is how a recolour starts to look like paint.

More Free Colour Tutorials

If precise colour control is what you’re after, these free tutorials go further:

• How to Use the Point Color Tool in Adobe Camera Raw
• How to Color Grade in Photoshop Using Camera Raw
• How to Use the Clarity & Dehaze Tool
• How to Isolate Subjects and Clean Up Edges

Two Masks, One Idea

The technique worth taking away is stacking masks at different levels. One mask answers “what must never be affected”; the other answers “how strongly does this apply”. Trying to make a single mask do both jobs is what makes colour work feel fiddly.

Once you see it that way, the group stops being an organisational convenience and becomes a second layer of control. Any adjustment can be given a permanent exclusion underneath and a soft, redrawable falloff on top — recolouring, dodging and burning, sharpening, all of it.

Recolour Something of Your Own

Hue/Saturation layer, targeted adjustment tool to pick the range, shift the hue, Select People and fill the mask with black, then group it, mask the group, and drag a black-to-white gradient. Download the free sample image and PSD and follow the exact edit — then try it on a portrait where the clothing shares a colour family with the skin, which is where this method earns its keep. To go further across Photoshop, our PRO Photoshop Learning Path runs to 11 courses.