How To Change A Logo Color In Photoshop CC 2021

Change a logo color in Photoshop

If you only have flattened, rasterized copies of your logo (such as PNG and JPG) then you may find it difficult to make alterations such as color. In this tutorial we’ll be using a workaround that will allow you to change a logo color in Photoshop without needing vector copies and without needing to use Illustrator.

To change a logo color in Photoshop we will be using the Replace Color feature to change each color individually. This is a simple tool that allows you to sample a color area of your image and then replace it with another color of your choosing. Let’s dig in.

Change A Logo Color In Photoshop

To change a logo color in Photo, open the Replace Color menu by navigating to Image > Adjustments > Replace Color. Once opened, click on the area of your logo that contains the color you’d like to change to select it, then change the color of the Result box to the new color you’d like to use.

The following video tutorial will walk you through the entire process in less than two minutes:

For this demonstration I will be using the Photoshop logo as an example of how to change a logo color in Photoshop:

Example logo
The logo being used in this demonstration contains two colors that we’ll be changing.

In this example you will see that the logo consists of two colors:

  1. Light blue: used on the letters
  2. Dark blue: used as the logo background

Let’s first start by changing the color of the light blue area.

In order to do this we must select the color and replace it with another color. This is done use the Replace Color tool, which can be accessed by navigating to:

Image > Adjustments > Replace Color

Once opened, the menu should look something like this:

Replace color menu
The Replace Color menu will allow you to change the colors of your logo.

Simply click on an area of your logo that contains the color you’d like to change. You should see it highlighted in the preview window:

Selected color
Once selected, the color should be indicated and the area that will be affected will be highlighted.

Next, look towards the bottom of the menu where it says Result. Click the colored box above it to open your color picker:

Color picker
The color picker will allow you to choose your replacement color using a variety of value inputs.

This is where you will choose the new color that you’d like to replace the selected color. Using this menu, you will be able to change your logo colors based on the following values:

  • HSB
  • RGB
  • LAB
  • CMYK
  • HEX
  • Swatches & Libraries
  • Freehand color selection

Once you’ve chosen your new color, click OK to apply the changes.

As you can see in the screenshot below, I was able to change the light blue colors of the logo to a greenish-yellow:

Updated logo color
Updated logo color.

To change the background color I will simply repeat this process.

When choosing a new color you may find that it sometimes looks washed out, as is the case here when I changed the dark blue logo color to red:

Washed red color
The color looks slightly muddy and washed once changed.

To fix this we can simply adjust the Hue, Saturation and Lightness sliders in the Replace Color menu in order to get the exact shade you’re going for:

Updated logo
Changing the HSL sliders allows you to correct the color to your liking.

And that is how simple it is to change a logo color in Photoshop!

Conclusion

Thanks to the handy Replace Color tool, you are never more than a few clicks away from being able to change a logo color in Photoshop.

Other applications, such as GIMP, have a similar feature, but Photoshop makes this task simpler and easier than any other design application in my opinion. Even if you’re a novice or first-time user, you should have no problem updating your logo’s colors on your own.

If you have any questions or need clarification for any of the steps in this lesson, simply leave a comment below.

Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

Logos By Nick

LogosByNick.com is an educational media platform for learning about graphic design software.

Leave a Reply

Your email address will not be published.

Recent Posts