How To Change Image Colors In Affinity Designer

Change image colors in Affinity Designer

Although Affinity Designer is mostly used as a vector design tool, it also has lots of powerful image-editing features built in. One such feature would be the ability to change the color of an object in a photo, which can be accomplished with a simple adjustment layer. This tutorial will demonstrate how to do just that.

In short, the simplest way to change an image’s colors in Affinity Designer is to use an HSL adjustment layer, which will allow us to specify a color range and change it throughout the entire image. Let’s have a closer look.

Change Image Colors In Affinity Designer

The following video tutorial will walk you through the entire process of changing the colors of an image:

Continue on for a written breakdown.

Table of Contents

Step 1: Open your image and ensure the layer is unlocked

The first step is to open your image with Affinity Designer and ensure that the image’s layer is not locked.

As of the most recent version, whenever you open a photo with Designer it does so with the image layer locked by default. You can verify this by looking for an arrow icon next to the layer’s name:

Layer lock
Check the Layers menu on the side of the screen to see if your image’s layer is locked.

If that lock is visible on your layer then click on it to disable it. If you don’t have a lock there then you are good to go.

Step 2: Add an HSL adjustment layer to the image

The tool that allows us to change the colors in an image in Affinity Designer is the HSL adjustment.

To enable it, click on your image layer to select it and navigate to:

Layer > New Adjustment > HSL

A menu should populate on your screen that looks like this:

HSL menu

Step 3: Use the menu interface to change the colors

Now let’s use the menu’s interface to specify a color and change it. Use the screenshot below as a reference:

HSL menu labeled

First, specify which color you’d like to change by clicking on one of the colors in the color palette at the top of the menu. Clicking the Picker button allows you to pick a color directly from the image (watch the video tutorial above for more info on that.)

In my example image I have a yellow shoe, so I am going to choose the color yellow in the menu interface because that’s the color I want to change.

With your color specified, use the sliders below to change your colors:

  • Hue Shift: Adjust this slider to find a new color to replace the selected color with.
  • Saturation Shift: This slider controls the vibrance of the new color. Moving it right will make it more colorful and moving it left will decrease the color until it is black and white.
  • Luminosity Shift: This slider controls the darkness and lightness of the color. Move it right to make it lighter and left to make it darker.

With some minor adjustments you will have no problem changing a specific color in your image while leaving the rest of them preserved:

Color change

Best of all, adjustment layers and non-destructive, meaning you can turn the effect off at any time and your original image will be preserved as it original was.

In Conclusion

One of the greatest advantages of using an application like Affinity Designer is that it allows you to make somewhat advanced photo edits, such as color changes, all while being a fully featured vector design tool. This means that you can get more done in one app instead of switching back and forth between others.

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

Logos By Nick

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

2 thoughts on “How To Change Image Colors In Affinity Designer

  1. Could you show how to adjust the color in only a portion of an image, when multiple areas have the similar color, but you only want one of them changed?

    1. That could be done by going into the Pixel Persona and using one of the selection tools to create a selection around the area you want to change. Then when you apply the adjustment layer it’ll only be applied to that area.

Comments are closed.

Recent Posts