Change a logo color in Photoshop

How To Change A Logo Color In Photoshop CC 2021

How To Change A Logo Color In Photoshop CC 2021 800 470 Nick Saporito

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.

Learn To Master The Software

Gain a complete understanding of your favorite design apps with my comprehensive collection of video courses. Each course grants access to our private community where you can ask questions and get help when needed.

  81 Videos
  11 Modules

The Inkscape Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Inkscape.

  Nick Saporito
Price: $17
  77 Videos
  7 Modules

Affinity Designer Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Affinity Designer.

  Nick Saporito
Price: $17
  98 Videos
  7 Modules

Illustrator Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Illustrator.

  Nick Saporito
Price: $17
  70 Videos
  9 Modules

GIMP Master Class

Learn how to use all of the primary tools and features in the GIMP application.

  Nick Saporito
Price: $17

View All Courses

Nick Saporito

Hi, I'm Nick— a Philadelphia-based graphic designer with over 10 years of experience. Each year millions of users learn how to use design software to express their creativity using my tutorials here and on YouTube.

All stories by: Nick Saporito

Leave a Reply

Your email address will not be published.