Completed image color matched to a selected=

Finished project: a garage door color matched to a selected Pantone color. Image (c) Sarej, sxc.hu.

One issue that a lot of people face is matching color in Photoshop. You may have a Pantone color that you want to match to or some other color and you want an image to be colored this way.

The solution is to start with a Grayscale version of the image, so desaturate the image to start with and make sure it is light enough to take your color – so if you want to use a light color brighten it to suit.Image of desaturated image ready to apply color to it

Now add a new fill color layer to the image by choosing Layer > New Fill Layer > Solid Color and click Ok.

Set the solid color to the RGB or CMYK values of the color that you want to match. Set the Blend Mode for the layer to Color.

Color blended layer showing initial recoloring of subject to match a pantone color

I chose Pantone 359C which has RGB values of 161, 216 & 139.

Right now you’ll have a reasonable match for the color but not as good a one as you can get.

To improve it, select the Color Sampler Tool, which sits under the Eyedropper tool in the tool palette, and click in an area of the image that you want to be that particular color.

Because the grayscale values will vary, you need to identify a place in the image that you want the color to be exactly your chosen color. Around it, the other tones in the image will vary as they should – some will be lighter and some will be darker. Click on that point to add a color sample point.

Image showing color sample point in place we want to exactly match the Pantone color

Now add a curves adjustment layer by choosing Layer > New Adjustment Layer > Curves. Click Ok to create the curve adjustment. If you’re using Photoshop CS3 or earlier, Ctrl + Shift + Click (Command + SHift + Click on the Mac) on the color sample point to mark this point on the curve in the Red, Green and Blue channels.

If you’re using CS4 or later, the functionality of the curves dialog has changed. In this case, you should use the On Image Adjustment tool, which is the tool in the top left corner of the curves dialog, which has a hand on it. Click this, then Ctrl + Shift + Click (Command + Shift + Click on the Mac) on the sample point to add the marker to the Red, Green and Blue channels.

Image showing marking color sample point on the RGB curves

Now select the Red channel, click on the marker you just added and adjust the Output value to the Red value of the RGB color number that you want to match. Repeat this for the Green and the Blue channels. Then close the dialog. In my case I’ve set the Red output value for this selected point to 161, the Green to 216 and the Blue to 139 to match the Pantone color values. If you are trying to match a CMYK value then you’d do the same thing but for the Cyan, Magenta, Yellow and Black channels.

Image showing curves dialog and adjusting the Red green and blue curves to match the RGB values of the chosen Pantone or CMYK color

To remove the Color Sample Point, select the color sample tool and hold Alt as you hover over the sample point. It turns into an icon like a pair of scissors which you then click to remove the sample point.

You will end up with an image where, at your designated point, the color is exactly as you wanted it to be.

Thanks to blog reader Lesley Clarke for posing the question.

Helen Bradley