What is Saturation? And How to Get Optimal Saturation
In this article, we will examine the various factors that affect saturation, including different approaches to obtain optimal saturation in post-processing (Photoshop) without making our image look unnatural. Lately, the internet and social media are filled with oversaturated images, thanks largely to heavy-handed filters and presets in post-processing software and apps. That’s precisely why this article’s title is How to Get “Optimal” Saturation and not “Maximum” saturation.
What is Saturation?
In its definition, saturation is the purity of a color. Saturation is a very important aspect in photography, perhaps as important as contrast. In addition to our eyes being naturally attracted to vibrant tones, colors have their own unique way of telling a story that plays a crucial part in making a photograph.
We already know that every color we see gets translated into an integral value from 0 to 255, corresponding to the three additive primary colors: Red, Green, and Blue (aka RGB). For a color to be pure red, its value in digital form is (255, 0, 0). For pure green, that is (0, 255, 0), while pure blue is (0, 0, 255). Since these colors have no others mixed in – and have the maximum RGB value of their corresponding color – they are said to be at maximum saturation. To understand saturation better, let us take a look at the picture below.
As you can see, it has two parts. The upper part starts as pure red and fades into white, whereas the lower part fades into black instead.
In other words, in the upper part, we add white to red. We do so by increasing the values of green and blue in equal proportion until all three values are at 255. If you examine the RGB value of the leftmost part of the image, it would be (255, 0, 0). A color in the middle will be (255, 128, 128), and the rightmost part is (255, 255, 255), which is white. As you can see, when we added more greens and blues, the red color got progressively less saturated until it bleached out completely to white.
Similarly, for the lower gradient, it starts from red (255,0,0). As we move toward the right, it gets to (128, 0, 0) in the middle, and finally (0, 0, 0) at the end, which is black. This, too, reduces the color’s saturation.
You can also imagine a gradient from red to medium grey (128, 128, 128), where the saturation very obviously decreases from left to right. In short, adding shades of grey desaturates a color, while removing grey makes a color saturated.
Note, however, that saturation level only really depends on two of the three RGB values. For example, (255, 255, 0) is every bit as saturated as (255, 0, 0); it’s just maximally saturated yellow rather than red. And a value such as 128, 0, 255 is also at maximum saturation, since the difference between 255 and 0 is still present. In that case, you are dealing with a maximally saturated violet color.
Our Perception of Color
Why do oversaturated images look so artificial and plastic? That is because, in nature, it is pretty rare to see pure colors. Ambient light that is incident on any color tends to make it unsaturated. For example, if there is a card of pure red, and we shine the corresponding wavelength of light, it will appear as saturated red. In contrast, if we shine white composite light on the same red card, it would look less saturated. Hence, saturation not only depends upon the color of the subject, but also the wavelength of incident light. Since we seldom get to see fully saturated colors in nature with our naked eyes, when colors are too strong or saturated in a photograph, it gives an unnatural feel.
Another problem with saturation in a photo is that it is rare to get uniform saturation throughout the image. In other words, some tones in a photo are already going to be more saturated than others out of camera. So, when we try to add saturation in post processing, portions of the photo can get oversaturated – while the rest of the image remains undersaturated. This, too, can look artificial.
Next up, let’s take a look at the different factors that affect saturation.
Effects of Illumination on Saturation
In general, midtones have greater potential for saturation than either highlights or shadows. This is demonstrated with the diagram from earlier, where the most saturated version of a color was neither too bright nor too dark.
Colors also have a greater potential for saturation when they have an imbalanced ratio of red, green, and blue. This is because RGB values that are closer to one another are more and more grey, such as the (128, 128, 128) example from earlier, which is middle grey. The saturation slider would have to be increased to impossible levels for ( 129 , 128, 128) to appear as very saturated red.
So, the colors with the greatest potential for high saturation are midtones with an imbalance between R, G, and B (more specifically, a large difference between the highest and lowest value of R, G, and B). To understand it better, let us take a look at the picture below:
This picture was photographed late evening, just outside of the twilight. The peak of this mountain has an obvious red color, representing an imbalance in the RGB values (one specific sample I took had an RGB value of 185, 88, 72). As you can see, there are also strong shadows and highlights in this photo. What do you think will happen when saturation is increased to +100 in Lightroom? Here is that image:
Although almost all of the image looks very oversaturated, the most extreme part is the red peak – because, as a midtone with imbalanced RGB, it had the greatest potential to increase in saturation.
However, I want you to note one other interesting thing that happens here. The brightest part of the photo is the sky at the bottom right, but it also increased in saturation a decent amount – more than some darker parts of the sky above. And this is because it had a stronger imbalance in the RGB values (again, the difference between highest and lowest of the three).
Specifically, a sample from the bottom part of the sky has values of (253, 244, 229) before adjusting saturation, compared to a portion of the sky higher up that has values of (246, 235, 229). Yes, the bottom part is brighter. But the difference in RGB values is greater, meaning that it is already more saturated, and has more potential for maximum saturation. The blue value is 229 in both cases, but the red and green values are both higher near the horizon. Keep in mind that a sample swatch of (255, 255, 0) – no blue, maximum red and green – is maximally saturated yellow. Hence, the bottom right portion of sky becomes fairly saturated yellow with the +100 saturation adjustment.
Effects of Tones on Saturation
arlier, I explained that as we that as we add grey to a color, the image starts getting unsaturated. In other words, tones that are close to grey or have more grey in them will be less saturated than tones that are closer to absolute colors.
To further demonstrate the result of a saturation adjustment – this time focusing on grey colors – here is another example with +100 saturation, before and after:
As you can see, the grey tones here – roughly middle grey – stay almost exactly the same. It is instead the colorful background that got oversaturated. That is because it is not possible to saturate grey, since there is no difference between the RGB values of pure grey. It’s the same reason why increasing the saturation on a black and white photo does absolutely nothing.
Effects of White balance on Saturation
White balance affects saturation quite a bit in some situations, since it makes colors more or less pure than before.
We all know that increasing the color temperature of an image, i.e., making it warmer, adds a yellow/orange/red tone to an image. Reducing the color temperature makes an image look bluish or cool.
When you make objects warmer, you can notice the reds moving toward the right in your histogram. Similarly, when you make the image cooler, the reds start moving towards the left and blues start heading towards the highlights. The definition of maximum saturation is when one RGB value is at zero, and another is at 255 (the third can be anywhere in between, simply affecting which color is at maximum saturation). So, since changing white balance moves the blues and reds closer or farther away, hopefully you can see why it changes saturation.
Here is one example to that effect:
The above image was photographed at almost noon. I shot it at a color temperature of about 5700K to bring out the blue in the water. Normally, I would have taken the shot at close to 6000K. Since I had a polariser (and mine does make the image a bit warmer than what the daylight setting was in the camera), I had to reduce it a bit more.