Vibrance VS Saturation in Photoshop

Skill level
Beginner

To many Photoshop users, increasing both the Vibrance and the Saturation appears to boost the vividness of color, but what exactly is the difference between the two, and when should each be used? In today’s tip, I’ll fill you in!

Subscribe on YouTube!  Contribute on Patreon!

Saying that both Vibrance and Saturation boosts your color’s vividness wouldn’t necessarily be incorrect, but there’s one key difference that you should be aware of, which will define which adjustment you ultimately use. Let’s take a look at both adjustments. For these examples, the Vibrance adjustment will be used, which will allow us to adjust both the Vibrance and Saturation (Image > Adjustments > Vibrance. Or you can add the Vibrance Adjustment Layer).

Saturation

In the image below, you can see how the Saturation adjustment has increased the vividness of the colors in the image. The greens, blues, and oranges were all equally boosted.

Saturation

Vibrance

Now, instead of increasing the Saturation, take a look at what increasing the Vibrance does to the image.

Vibrance

Uh, Okay?

Don’t see the difference? Look closely at the orange house. In the first image, the orange became much more saturated than in the second image. This is because Vibrance works to avoid skin tones, which are typically yellow and orange. This is very beneficial when working with images that contain people.

Let’s look at a comparison between Saturation and Vibrance on an image that contains skin tones.

Vibrance vs Saturation

In the above example, the Saturation and Vibrance were maxed out on the two images. Saturation on the left, Vibrance on the right. As the Vibrance adjustment works to avoid skin tones, the skin tones of the man on the right remained more natural looking, while applying the Saturation adjustment left the man on the left, looking ‘burnt’.

The Bottom Line

These days, I tend to start with the Vibrance adjustment, just to play it safe, but it may not always be as strong as the Saturation adjustment. If you’re dealing with an image that contains people, stick with Vibrance. If not, you may be safe to use Saturation.

  • Tony Lawlan

    SAT is good from afar…. VIB is good for the detail

  • Hatem Saad Hsk

    finally I know the diff. ! thankss

  • Bram van Oostrum

    Learned something today

  • Ricardo Lopes

    🙂 Thank you, i think all Photoshopers should read this.

  • Randy Fox

    As usual Iceguy…you explained something that needed explaining a long time ago. And you did it clearly so it was a no-brainer to comprehend. Thanks for the comparison!

  • Danny Montejano

    when i do design i always decreade saturation and 100%vibrance

  • Danny Montejano

    decrease*

  • Israel Costa

    I didn’t know that. Nice tip. Thanks.

  • Innoxenxe Haxer

    vibrance

  • Wynn Anne Sibbald

    Thank you!

  • Nicolaj Suusgaard

    Thank nice tip.

  • Virginia Mendez Cabrera

    awesomee..

  • Bader Al-Zubaidi

    Thanks

  • Wayne Gonzales Balosca II

    Saturation

  • Ralph Teves

    Thank you! IceflowStudios

  • Sujit Karat

    WOW

  • hsn449

    Thanks for the tip.
     
    could you also wright one more for the difference between  Clarity and Sharpness?

  • Tnx for sharing this info!Please provide some tip about using Unsharp Mask & Smart Sharpen in PS on Portraits and Landscapes

  • michael

    I’m working on programming my RPG keys tonight and wanted to dial in the keyboard but understand first more about a few sliders. I always wondered why my Motibodo keyboard placed so much importance on Vibrance over Saturation. Now I know why