Skin Tone

Correcting Skin Color in Photoshop Using CMYK Values


skin

Most complaints about color in photos are related to skin tones. Photoshop offers a simple way to measure and correct the percentages of CMYK values in skin tones into the "normal" color range.

Although there is no perfect set of CMYK recipes for all nationalities under any lighting situation, there are guidelines to follow to make sure the skin tones in your subject are within the range of typical skin color.

Once your image is within the target tonal color norm, then you can adjust-to-taste while considering the lighting circumstances and your own personal preferences.


fancy rule divider graphic
5 by 5  average

First, check your settings for the eye dropper tool in Photoshop.



Make sure it is not set on "Point Sample," which only evaluates a 1 pixel square. Here, the settings are changed to a 5 X 5 average pixel sample.


shift-clicking with the eyedropper

Shift-Click to Make a Target Area
With the eyedropper tool selected and while holding the SHIFT key, click on an area that is a diffused highlight (a light area of skin that has image detail). Avoid specular highlights (areas where the light source is bouncing back off of the skin, which lack image detail).



curves layer

Start a curves adjustment layer from the top menu:
LAYER > New Adjustment Layer > Curves or, simpler still, click on the icon in the layers menu and select curves from the drop-down menu.





info dropper image

While the curves dialogue box is still open, inspect the info pallet: you will now see TWO sets of RGB values. They represent the color values within the target area that you selected by shift-clicking with the eyedropper tool.

info selector changed to CMYK

The first set of numbers is the current skin color value, and the 2nd set will show you the resulting changes when you adjust the color values using the curves adjustment layer.


Click on the little eyedropper in the info pallet and change it to show CMYK values instead of RGB values, and we are now ready to begin changing the skin tone color.




Manipulating Skin Tone Values

curves channels

To begin manipulating the skin tones we will be going into the various channels in the curves adjustment layer. We have an image in RGB mode, so there are 4 channels. The RGB channel effects all of the colors, and we can also select the individual channels to make targeted color changes.

watching the CMYK numbers

Remember the numbers on the right are our "new" values after we have tweaked the values in the curves dialogue box, and the numbers on the left are our original values we are trying to correct.




before & after curves adjustment

Evaluate the CMYK numbers: In average Caucasian skin magenta (M) and yellow (Y) should be nearly the same, with slightly more yellow than magenta. Cyan (C) should be between 1/5 to 1/3 of the Y and M numbers. Simply multiply C by 3 and 5 to make sure you are within the average range. Caucasians should have 0 black in the highlight areas. Reducing or boosting these numbers will adjust the "saturation levels" to alter tones for fair-skin or a more tanned look.

info pallet with CMYK values

Adjust the curves in the various channels to get the numbers "in range." Since our sample was a highlight, make your adjustment point in the highlight area (right side) of the curves adjustment dialogue box.

In this example, the only thing really out of line is the cyan is too high: it's 16, and 16 X 3 = 48, which is much higher than the magenta (34) and yellow (36).



NOTE - when you adjust one channel, it also effects the other channels too, so you need a bit of back-and-forth to get it right.

curves adjustments example

In this example, to get the numbers in the normal range the red channel was adjusted up a bit, and the blue channel adjusted down. After the adjustments were made it appeared a little over-saturated, so the global image was lightened slightly lightening the color saturation in the RGB channel.

When making your adjustments in the curves dialogue box, you might find it helpful to think of the channels as: the blue-yellow channel, the green-magenta channel, and the red-cyan channel, as that is what they actually effect.

A fair-skinned pinkish baby could be as light as 15% magenta, 16% yellow. Most Caucasians fall in the range of 5-20% more yellow than magenta. A fair-skinned Caucasian adult could be as low as 20% magenta, 25% yellow. A bronzed Caucasian could be as high as 45% magenta, 62% yellow. It's easy to oversaturate African-American skin, so be careful there. Asian and Hispanic skin will typically have 10-20% higher yellow than magenta.

Following these CMYK guidelines will help to make sure the skin tones in your subject are within the range of typical skin color. From there simply use your best judgement to fine tune the image.




Common Skin Tone Examples

Various Ethnicities and Tints

Here are a few examples of some CMYK values for various ethnicities and saturations of skin tone, but remember that these values can vary widely, so take them as a very loose guideline only.

light Caucasian skin example

Lt. Caucasian
C= 3 M=15
Y=16 K= 0

average Caucasian skin tone

Caucasian
C= 6 M=27
Y=32 K= 0

dark Caucasian skin tone

Dk. Caucasian
C=17 M=50
Y=58 K= 0


Asian skin tone example

Asian
C= 8 M=30
Y=48 K= 0

light Black skin tone

Lt. Black
C=21 M=53
Y=69 K= 3

dark Black skin

Dk. Black
C=46 M=67
Y=77 K=50


fancy rule divider graphic

Graphic Connection is a freelance graphic design studio based in Lee's Summit, Missouri. We make creative ideas "come to life" in print and on the world wide web.

The first step in the design process is to discuss what your project goals are and the audience you are trying to reach. Once I have a feel for who you are and what you do, we can begin looking for ways to communicate your message visually.

As a freelance graphic designer with "on hands" experience in a commercial printing facility, I offer many advantages which can save your company both time and money when it comes to printing a graphic design project.

To see some of sample websites or graphic designs in my portfolio click here.
For a price quote on a design project click here.


— Freelance Professional Graphic Design & Custom Website Development  |  Graphic Artist Studio in Lee's Summit, Missouri —

Custom Website Design & Graphic Design Services Throughout Kansas City, Including:

Belton | Blue Springs | Edwardsville | Fairway | Gladstone | Grandview | Harrisonville | Independence | Kansas City | Leawood
Lee's Summit | Lenexa | Merriam | Mission | North Kansas City | Olathe | Overland Park | Prairie Village | Raymore | Raytown | Roeland Park | Shawnee