Change Color of Image in Photoshop CC 2020 –07 Tutorials

Learn how to change the color of an image in Photoshop CC 2020 from the 07 different tutorials and be a color replacement master.

After capturing an image, many of us think of changing the color of a photo. It can be background or partial color changing of an image.

With Photoshop, you can easily replace the color in a photo. The process is pretty straightforward. 2 Photoshop features play a vital role to do this; they are:

  • Color blend mode
  • Hue/Saturation

In this tutorial, we will discuss 7 different ways to change the color of an image in Photoshop CC 2020.

Change Color of Image in Photoshop

So, let’s begin to play with the colors in Photoshop using its tools & toolbar.

Change the Partial Colors of a Photo in Photoshop

For this method, we choose the below image.

how to change the color of an image in Photoshop CC 2020

Step 01: Pick the Quick Selection Mode

Pick the Quick Selection Mode from the Options Bar.

Quick Selection Mode

Always go with a more solid background in this method and make a selection around the solid colors.

We will change the image’s dress color, so for selecting the dress, press Ctrl / Cmd + Shift + I. We are not touching any portion of the person’s body, and deselected areas will be unchanged.

change color of image

Step 02: Create a New Layer of Selection

Don’t forget to create a new layer of selection. You can easily make a new layer by pressing Cmd / Ctrl + J.

change color in Photoshop

Step 03: Color Changing

In this step, we will work with Hue/Saturation. Press Cmd / Ctrl + U for this.

Color Changing

Continue moving the Hue slider to left and right. Once you get the expected color, stop moving the slider.

Step 04: Color Blending

add a layer mask

Now you will need to add a layer mask in the layer panel. The layer mask button is positioned just right of the fx option. Click on it.

Step 05: Selecting the Gradient Tool

The next step is selecting the gradient tool.

selecting the gradient tool

It needs to be confirmed that the gradient tool is set to the foreground in the background and linear. In the Mode option, select NORMAL, and OPACITY should be 100%. You can choose both options from the drop-down menu.

Step 06: Dragging Gradient to Horizontal

Now horizontal dragging of the gradient throughout the image will give you an eye-catchy blend of the color. Ensure to do this when the mask is selected.

change color

In the image, the blue and red colors turned to purple, where they are being mixed.

You may read:

Background Color Changing in Photoshop

People waste time following a few unnecessary steps to change the background color. This method of background color changing is pretty effective and easy too.

Background Color Changing in Photoshop

Step 01: Make Hue Saturation Adjustment Layer

Make a layer of Hue/Saturation adjustment.

Make Hue Saturation Adjustment Layer

Step 02: Go to The Properties Panel

Now go to the Properties Panel. Look for an icon with Finger. You will find it underneath the Preset option. Click on it.

Hue Saturation Properties Pane

Then, to select the sky blue color, click on the color. This way, the sky blue color will get isolated. How will you understand that the sky blue color is isolated? Well, you will see that some sliders surround the sky blue color in the gradient.

Step 03: Change the Background Color

Once you start moving the Hue slider, the image’s sky blue colors will start changing.

You can change the background color to any color following this method.

Change the Background Color

Isn’t it fun? No selection is necessary, and the process is more comfortable than your expectation.

Change Background Color

Clothing Color Changing (Replace Object Color in Photoshop)

Are you changing the clothing color of an image frequently? Changing cloth color is straightforward with this method.

Clothing Color Changing

You may find this method similar to Method # 2. But the steps will start changing from Step # 3 in this section.

Step 01: Create a Hue Saturation Adjustment Layer

Create a layer of Hue Saturation adjustment.

Create a Hue Saturation Adjustment Layer

Hover your mouse to the Finger icon and click on it. Also, the sample color needs to be selected. For instance, we are clicking on red T-shirts.

Step 02: Move the Hue Slider

Move the Hue slider; the image will get a magenta/pink color from red.

huesaturation photoshop

We believe you already noticed that the subject’s skin and hair color also changed to magenta/pink. But we want to change the cloth color. So, how to stop changing skin and hair color?

Follow the next step.

Step 03: Color Selection Refining

refine color selection

To refine the color selection, the sliders need to be moved to the gradient. However, you can’t fix a few colors in this step, such as lips, color reflections on the face. But these areas will look better for sure.

Step 04: Use Layer Mask for Hue Saturation

We will use the layer mask of the Hue/Saturation.

Layer Mask for Hue Saturation

Select a brush, and a swatch of the foreground color needs to be set to black.

Once the mask option is selected, paint any portion of the image you want to keep the original color.

replace color in photoshop

Recoloring a Subject

Recoloring a Subject

Some people look for an option in Photoshop to paint in the colors with their hands. This method is an excellent tutorial on Freehand coloring.

Step 01: Select Color Range

To make the task easier, pick the car’s paint colors by following.

Choose Select > Color Range

Select Color Range

Select the primary color when the eyedropper is selected.

You will require to add the color selection, use the eyedropper+.

Using the fuzziness slider, you can refine the image effortlessly.

Once you click OK, you will see the marching ant selection. A bit of cleanup is necessary.

select color range photoshop

Step 02: Color Overlay Selected Areas

Now press shortcut Key “Q.” A RED overlay will appear, and the selected areas will be indicated.

Color Overlay Selected Areas

Step 03: Subtract the Selection

To add selection, use white to paint.

Subtract the Selection

And black painting will allow you to subtract the selection.

Step 04: Create a New Layer

Now a new layer creation is mandatory and ensures changing it to color blend mode.

Create a New Layer

Step 05: Keep the Selection Active

Select a paintbrush and ensure keeping the selection Active.

Keep the Selection Active

You have to choose the color now. To do this, go to the foreground color swatch.

Then start painting. You will find that the colors are changing, not the tone.

Continue painting until you finish painting with the color.

color is changing

The color range feature will put a thin smile on your face because the reflected areas will also be selected, which means the image will not receive an artistic look.

Step 06: Change Color with Hue Saturation Option

Changing the color will also be straightforward at this point with the Hue/Saturation option.

Change Color with Hue Saturation Option


This option will assist you in evolving car colors to different colors at any given time.

Color Overlays and Grading Adding

Color Overlays and Grading Adding

Step 01: Open Gradient Panel in Photoshop CC

In Photoshop, open the Gradient panel.

Pick a gradient and drag it onto the image.

Gradient Panel in Photoshop CC 2020

Then go to the layer panel to alter the color blend mode and the opacity.

Gradient Panel in Photoshop CC

Remember, you will get a realistic result if you choose a lower opacity level.

Choose Opacity level in Gradient Panel

Choose a Lower Opacity level in Gradient Panel

Step 02: Gradient Mapping

A gradient map will give you different results for sure. For this, the gradient map adjustment layer needs to choose. And it would be best if you pick the same gradient for Step # 1.

gradient map adjustment layer

You will find that in the gradient map the left portion is orange-colored; this is the shadows. 

And the right portion is red-colored, which is the highlight.

Gradient Mapping

Now alter the color blend mode.

Gradient Mapping Photoshop

You can also play with Gradient mapping. To do this, click on the Reverse option box. Thus, orange color will become highlights, and red color will change to shadows. Lighter color in highlights will always give you a better result.

Once you change the Opacity level to low, the image will get a nice look.

Gradient Mapping in Photoshop

A combination of gradient map and gradient overlay will add a vibe to the image. Also, tweaking opacity on both adjustment layers is unavoidable.

gradient overlay photoshop

Color Overlay Effect

The below image is an example of gradient overlay variation. You can do this using a straight gradient layer, but we followed the gradient overlay adjustment layer.

Color Overlay Effect

Using a straight gradient layer will give you the advantage of altering the angle and quickly scaling the layer. Also, when the gradient fill box is opened, drag the gradient into the image.

Using the Color Replacement Tool

Color replacing in Photoshop becomes much quicker with the color replacement tool.

This tool is unique compared to other tools because it retains the shadows, mid-tones, and highlights of the original image in the replaced color image. As a result, a realistic look is confirmed of an image after returning the color.

The color replacement tool is located at the tool panel under the Brush Tool’s flyout menu.

Moreover, you can follow by pressing the shortcut key B. This will allow you to select a brush. Then press Shift + B. This way, you can toggle between multiple brush options and from there like a color replacement tool.

Process of Using the Color Replacement Tool

Using the Color Replacement Tool

We took the above image for this section to work.

Step 01: Pick the Replacement Color

The first thing that you will need to do is pick the replacement color. Remember, this should be the foreground color too.

pick the replacement color

Step 02: Pick the Foreground Color

Go to the box of the foreground color. A wide range of color options will appear, and you can pick any of them per your requirement. Then pick any original color that is required to be replaced.

However, it is essential to give the image a realistic look. For this, select something that comes with the same luminosity. Don’t pick a color that is too bright or too dark since the change will be entirely visible.

Step 03: Replace Color of an Image

Once you select the color replacement tool, paint over the chosen area of the image, and this way, you can replace the colors of an image.

Step 04: Color Replace Tool Refining

Color Replace Tool Refining

The functionality of the color replacement tool also requires adjustment. Adjustment includes

  • The ability of size tweaking
  • Adjusting the brush hardness
  • Changing the brush spacing.

To do this, hover your cursor to the Control Panel and select the flyout menu.

In this panel, you will also need to adjust the Hue, Saturation, limits, tolerance, and sampling mode.

Color is selected as the mode by default, and this is the best option for adjusting the colors of any image as required.


Hue will allow you to replace a similar color to the foreground color. The colors may appear more muted or more intense, depending on what you are recovering.


Saturation will happen more often than not to increase the color intensity. In the meantime, performing the opposite is the luminosity characteristic, and the result is usually not great when working with a color replacement tool.

In fact, you will get the best result if you explore this tool to see the results as you see in different modes.


Once, and background sampling options icons are positioned between mode and restricted menus. By default, these options are set as constant.

continuous feature

From the name itself, you can get an idea of the continuous feature.

When you change the mouse position, continuous options samples, and replace the color without any interruption. Once the option will allow you to select the sample color in your first selection. And the background option samples the background color and replaces the color of an image that gets matched with the background color.


The limits option is also set as Continuous by default. And within the brush area, it replaces and adjoins the pixels. Simultaneously, discontinuous replace color pixels with the foreground color in the field, whether they are adjacent or not.

Find edges that will help you to replace color by maintaining the subject edges. This option delivers the best result with defined lines. When the focus is soft and blurred, you will not receive the best result, undoubtedly. At this point, you should pick a more delicate brush along with the continuous option.


Replace Color

Moreover, when the tolerance level is selected, you can control how much pixel color is required to match the foreground’s color. You can choose the sample color by reducing the tolerance level, and increasing will allow you to select the wider application.

In the end, to smooth the jagged edges, you have to choose the anti-aliasing option.

FAQs on Change Color of Image in Photoshop

How Can I Select the Color Replacement Tool?

Right-clicking on the brush tool will allow you to reach the color replacement tool. Moreover, following a shortcut key, you can do this—Press B to select the Brush tool. Then press Shift + B, multiple brush options will toggle this way, and you have to select the brush tool from different brush options.

Why Can’t I Replace Color in Photoshop?

The command: replace color already gives you an explanation of your question. In fact, gray tints, from pink to magenta, are not colors. If you require to fill any area with gray tints or any colors, it is advisable to use the Hue/Saturation feature. Also, ensure switching on of the Fill Colors feature.

What are the different color modes in Photoshop?

Image or color mode defines how colors combine depending on the channel number in the color mode. Multiple color modes offer detail and file sizes of different color levels. In Photoshop, there are 5 types of color modes
a. RGB mode (millions of colors)
b. CMYK mode (four-printed colors)
c. Index mode (256 colors)
d. Grayscale mode (256 grays)
e. Bitmap mode (2 colors)

Is the color replacement adjustment layer available in Photoshop?

Yes, you can use the selective colors, Hue/Saturation & Color balance panel options. Sliding these panels will allow you to change specific colors. Adding a clipping mask will help you work with the layers you are working with; other layers will not affect you.

Last Words on Change Color of Image in Photoshop

That’s all today, playing with the colors. Following multiple options, a person can change the colors of an image. And depending on your final result, you have to follow different methods.

Let us know which method you tried? And share the final result. We will be glad to assist you. If you want to be an expert in Photoshop

Hopefully, you enjoyed the tutorial today. We have a bunch of creative people playing with several Photoshop features and fulfilling the requirement of individuals. You also can ask for the service.

We shared many tutorials on Photoshop. If you want to be an expert in Photoshop, start surfing on other tutorials like the following on this website.

How to Remove Background From Image in PowerPoint

Edit 360 Degree Photos in Adobe Photoshop

A Guide to Remove White Background Using Photoshop Tools

How to Remove All of One Color in Photoshop in 2 Minutes

Leave a Comment

Need Photoshop Services?