Vibrance Vs Saturation and Clarity Vs Contrast (Whats the Difference?)

Contrast, Clarity, Vibrance & Saturation: Understanding the Difference

Clarity, Contrast, Vibrance & Saturation

(What's the Difference?)

In this post, we will look at the differences between clarity, contrast, vibrance and saturation to help you know which one to use and when. 

This post uses Adobe Camera Raw, but the same principles apply in both Lightroom and Photoshop.

Lightroom & Photoshop Facebook Group

What's the Difference Between Contrast and Clarity?

Contrast and clarity both affect the tonal range of an image. While contrast affects the highlights and shadows of the entire image, clarity affects the midtones and local regions. 

Let's use our histogram as a reference point for how contrast and clarity affect our image. Below is the histogram before applying any changes:

Clarity vs contrast

How Changes to Contrast Affect an Image

The contrast is now set to +100. By doing this, the highlights and shadows in the image are pushed as far as they can go, resulting in a histogram that is more spread out:

contrast photography definition

This is a typical high-contrast image, with a lot of definition between the highlights and shadows.

When we reduce the contrast to -100, we create the opposite effect: less definition between highlights and shadows, and a more condensed histogram:

what does contrast do to a photo

How Changes to Clarity Affect an Image

Instead of globally affecting the lights and darks in an image like contrast, clarity targets midtones and local regions. "Local regions" simply means specific portions of the image (ie - in this image, the edges of the leaves) rather than the entire image, which is referred to as "global adjustments."
 
Here, the clarity is reduced to -100, which has significantly softened the images because it is targeting the midtones which can be found in the subject's hair, skin and clothes:

Clarity in photography

When the clarity is increased to +100, the image looks extremely sharp:

how to adjust clarity in photoshop

Clarity is a useful tool to soften portions of an image, such as skin, or give your image a bit more "pop" around the edges.

To sum it up: contrast affects the highlights and shadows (whitest whites and darkest darks) of an image. Increasing the contrast spreads the histogram out, whereas reducing the contrast makes the histogram more condensed:

contrast photoshop

Clarity affects midtones and targets local regions such as edges. Since clarity affects mostly midtones, you will see the majority of the histogram shift in the center, rather than the edges:

Clarity Photoshop

Vibrance Vs. Saturation

Much like clarity and contrast, vibrance and saturation make local and global adjustments, respectively.

What is Vibrance and How Changes to Vibrance Affect an Image

Vibrance affects the intensity of only the most saturated regions of an image.

In this image, the reds and oranges are the most saturated colors, so when adjusting the vibrance, these colors will see more of a shift than the greens, which have less saturation:

what is vibrance in photoshop

And here is the image with the vibrance set to -100:

vibrance photoshop

Reducing the vibrance to -100 does not create a black and white image because vibrance only affects the intensity of the most saturated colors.

What is Saturation and How Changes to Saturation Affect an Image

Saturation makes global adjustments (which means all of the colors in the entire image) to the image, not only the most saturated colors. So, instead of a major shift in the reds and oranges, we are seeing a shift in the entire image:

saturation definition photography

This is why reducing the saturation creates a completely black and white image:

saturation photography

Here is a side-by-side comparison of vibrance and saturation at +100 for you to compare the difference:

Vibrance Vs Saturation

And at -100:

photo saturation

I put together this video, If you are a visual learner, to give you a real-time visual of how each concept affects an image. Watch below:

Vibrance/Saturation & Clarity/Contrast: Understanding the Difference and When to Apply Them

 

Are you looking for Photoshop Actions to help you achieve the perfect amount of clarity, contrast, vibrance and saturation? Look no further than our PURE Color Workflow!

Do you have any questions or comments about Contrast, Clarity, Vibrance and Saturation?  Leave us a comment below - we would LOVE to hear from you!  And PLEASE SHARE our tutorial using the social sharing buttons (we really appreciate it)!

Painted Sky Overlays

Comments