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.

Master The Software

Want to learn everything there is to know about your favorite design apps? Check out our interactive video courses and private community for getting help when you need it!

The Inkscape Master Class

A comprehensive series of 60+ videos where I explain every tool and feature in Inkscape.

Affinity Designer Master Class

A series of 80+ explainer videos where I go over every tool and feature in Affinity Designer.

The Illustrator Explainer Series

A series of 100+ explainer videos where I go over every tool and feature in Adobe Illustrator.

The Logo Design Academy

An 18-part video series teaching my entire creative process for designing logos, from start to finish.

This post may contain affiliate links. Read affiliate disclosure here.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

one × two =

Recent Posts