Why Brightness Drops When You Cut Saturation? - HSB vs HSL
Vložit
- čas přidán 12. 07. 2024
- Every time you decrease the Saturation with the Hue/Saturation adjustment in Photoshop, the "Brightness" value decreases. In this lesson, we will understand why that happens and explore the root of the cause by learning the differences between HSL and HSB color models. This tutorial will cover almost everything you need to know about how the color models work and how saturation, lightness, and brightness work in conjunction with each other.
I hope this video helps you. Thank you so much for watching :)
► Timestamps:
00:00 The Problem
01:24 Why is This Happening?
01:47 Understanding HSB vs HSL with Diagrams
08:01 Solving The Problem with Diagrams
11:35 Extremely Important Recap
13:23 Reference for Further Reading
► Support the Channel & Gain Premium Access: / piximperfect
► Recommended Software & Gear:
✅ My Graphic Tablet: pix.live/wacom
✅ Recommended Budget Tablet: pix.live/wacomlite
✅ Try Photoshop for Free: pix.live/photoshop
✅ Artificial Intelligence Photo Editor: pix.live/luminarai
✅ Unlimited Photoshop Actions, Plugins, and Stock Photos: pix.live/envato
✅ Best 300+ High-Quality 50MP Skies for Sky Replacement: pix.live/skykit
✅ Primary Microphone: pix.live/mic1
✅ Second Microphone: pix.live/mic2
✅ Audio Interface: pix.live/audiointerface
✅ Filmed with: pix.live/camera
✅ Lens: pix.live/lens
✅ Music: pix.live/music
✅ The App I Use for CZcams Growth: pix.live/ytapp
► PiXimperfect Merch Store:
teespring.com/stores/piximper...
► PiXimperfect Actions:
gumroad.com/piximperfect
► Share: goo.gl/IUhnUl
► Let's Connect:
Instagram: / piximperfect
Facebook: / piximperfect
Twitter: / piximperfect
we surely want another episode about difference between lightness&brightness! please 😊
Thank you for the suggestion, Chueng :) Hope you're doing awesome!
Such a detailed video, it felt like a college lecture but in a good way 😅, thanks a lot Umesh for such videos
Undoubtedly, Unmesh is our PS Professor!
Haha! I hope I didn't bore you. Thanks so much :)
@@PiXimperfect but it’s not the correct explanation…
@@millolab As the same to me , but I'm not sure where it is. Can you figure it out ?
@@user-dn1pu1bb1b i posted the answer in the comments down here.
This is very interesting! Thank you for making this video!
Hallo kak
Photoshop user juga neng punipun?
Glad you liked it :) Thanks for watching!
Thanks for answering my question :) It is totally make sense right now and also I learned that there are a LOT to learn over there. Thanks :)
lan bi git
Dude, you are the best photoshop master there is. Period.
Very rich in information! Thanks a lot Unmesh for covering this subject! Good luck man!
You are sooo good at this, love the channel, i don't usually comment yt videos, but just had to let you know the effort and passion you put into these is quite inspiring and very apreciated.
This is when curiosity leads to discovery. Thanks for the technical lesson, Unmesh! and Berat Özdemir as well for the inquiry.
ADMIN HERE: On behalf of Unmesh Dinda, thanks for your support and for watching!
As a prepress person, I learned about 'grey component' of a colour, which is the description of loss of saturation in rgb or cmy... That concept adds some clarity to saturation loss.
Eres un grande, no me pierdo ningun video tuyo y creeme que nos son muy útiles a pesar de llevar ya años usando el phothosop. Saludos desde Cuba
The most genius explanation ever on an online platform 👏 🙌 👌 👍
I learn new software and workflow techniques in all of your videos.
But this one had some excellent explanations of theory.
Absolutely phenomenal teaching style. Thank you so much for what you do!
Wow! Thanks to the Turkish fellow for even catching this and thank you for finding and explaining the answer. First question that comes to mind is could understanding this make a difference in how we might work color on images? The second question is, in converting images between black and white and color, in either direction, does HSB limit the conversion?
It helps you better understand how HSL works when you are working with the Hue/Sat Adjustment and how HSB works when you're picking colors in Photoshop. Understanding both models also makes it easier for you to work with other design programs that give you the option of RGB, HSB, and HSL, among others. Neither HSB nor HSL limits anything; both have the full range of colors, and the difference is how the values work together to bring a particular color.
Great video! I love the way you explain!
This is so crucial, people should learn this at school. Unmesh you're doing a great job. Thanks a lot!!!
There is no way that I can understand all this just by watching once, indeed you are great teacher umnesh, keep rocking 🔥
Yes! I want more technical stuffs. thanks in advance ☺️
Wow this channel just went down the rabbit hole. Thanks Unmesh!
Well explained i had this question a lot time ago thanks for bringing this up and making people aware about it . 🔥🔥💥
Of course we would love to see a more detailed video about color models! Thanks in advance 😊
I love all of your videos and the way u talk especially now a days... i was looking for Years for these three things/videos in Ps (1) Save your photoshop life with three history tricks (2) what is overscroll in Photoshop and (3) Disable this for faster retouching in photoshop. Thank You and tons of LOVE from PAKISTAN
This was a great technical based lesson tbh. Thanks man!
Nice to see you brother...keep good working
Keep up brother your works makes me create more
Thanks for the detailed video.
Thanks a lot for yet another amazing tutorial 🤗
Yer explanations r da best. Thx!
Wow, you explained that really well
Ur just awesome..learnt something new today
Each and Every video is full of Tricks and Tips... Thanks for the video and response to the Email
Yo, thank you i really needed this video in my life
Who would've 've thought that lightness and value were different
thank you for this video. The question lingering for me, after having understood the difference, is the purpose of it all. Why do these two models exist? what is the practical usefulness of having these two color representations? and why does Photoshop mix the two up when choosing and checking the values, which in turn lead to this confusion? Thanks and have a great day, Heiko from Germany.
To have something stand for what it is and not for what its not...
@@LionOfKingston ... I'm not quite sure how to take your reply.
Hey, i am not sure, but i guess it's for real or unreal editing of colors. In real world the saturation of colors decreases with very bright and very low lights. When editing photos HSL can help in achieving correct colors. HSB would be for a more artistic and unreal approach. Greetings
@@ABCprogamerXYZ thank you. I get it. although it's not really important since I don't work in a way in which the values are important to me, I still wonder why the saturation tool then uses the hsl model whereas the color picker displays the values via Hsb (or was it the other way around?). but as i said, not really important I was just wondering...
也可能是Adobe故意制造这种混乱
Hi Umesh,
Two subjects I like to hear your story about:
- Good monitor for photo editing only (2K vs 4K, do you need a 4K?, colour calibration hardware vs software etc, what is 'good enough' for us enthusiasts).
- Sending of for printing (colour gamut warning, ways to solve it, proofing etc etc, what to ask printer companies).
Again, not overly complex or super expensive. Just 'good enough' for great results. All within a medium budget range.
You know what I mean ;-)
Nice explanation!
Sir you are unique and best teacher 🤩🤩
Simple things explained simpler, omg what a guy :D
we surely want the video HSB VS HSL and Lightness VS Brightness. Please make an in-depth video about it.
This is why a calibrated monitor is so,, so important
great explanation
much appreciated. thank you !
Thanks for the video, very useful information. Please make dedicated videos explaining which tools use Brightness and Lightness in PS. It seems Hue/Saturation and Desaturate (CMD+Shift+U) uses Brightness, but gradient maps and Blend If uses Lightness. Maybe that information can explain the differences when converting the same image to B&W using the different alternatives.
unmesh still going strong with the grind! 💪
Thanks man!
Please create a dedicated video on differences between Lightness and Brightness. Thanks a lot for your videos.
Nicely explained, Thanks. Please make a another video about Brightness vs Luminosity for us.
Amazing 😍
How you know all these things !!! Impressive
Thank you
Great technical video Unmesh, a practical example would have been great to actually show us on a picture, when to use hsl and when to use hsb🙂✌️
Ramesh Bhai I watched your whole videos from 3 years or later. You are the master of photography 🕵️😂
thanks ban chuc ban nhieu nhieu suc kheo tran trong
i love this video
Superb
You are a doctor about Photoshop 😀
👌👌👌👌Amazing
Good woek😀
What helps me remember is HSL is like a bright white light in your face that won't allow you to see colors at all in your surroundings unless you dim or subtract light. And HSB is like a white paper in your face that allows you to add ink or paint until you get saturated colors. Kind of reminds me of RGB vs CMYK, or additive vs subtractive colors.
damn... this solved my greatest problem...i used to tweek the brightness and contrast everytime i decreased the saturation
I have a technical background so I'm used to interpreting these kind of diagrams, and I think you've done an excellent job to explain this in plain English and demonstrate it with visuals. Loved the video!
Now I understand well why we are using a grey solid color adjustment layer as a brightness check layer, instead of desaturation.
Thanks for this video, very interesting. This made me think what's the best (and proper way) of making an image black and white so to retain the values of the colors. Looks as though this adjustment layer is not the way to do it. Could you help with that?
Nice bubblegum for brain) thx
Wow...I think a more thorough video will be awesome! Showing some examples in photos and illustrations! :D I can't remember which model I use, I just use whatever is right there in PS by default. Ha ha! But, now that I see it there, that's amazing and still a mite confusing!
So when the brightness is 100%, but I have a somewhat saturated colour, that will end up looking darker because, of course, that colour is darker than white. I'm sure there's WAY more to it, but is that kind of on the right path?
The Einstein of photoshop
It'll be great to get a detailed video on this topic, looking forward to it.. And as always, an awesome and informative video :)
What would be kinda cool, is a picture that transforms itself into two completly differant ones, if you go back and forth between complet desaturated and color.
Differant Hues can still have the same look in gray, so a picture could evolve into a complet differant one, as soon as it gets more saturation.
Hello. Thanks a lot for this outstanding video! I would like to know why do we use HSL adjustment instead of HSB(V) or is there any HSB adjustment? And by the way... is there any way to adjust the saturation using curves? THANKS!
Awesome channel thank you!
Do you happen to have a video on adding smoke to a photo? Say I have a person with a cigar or a vape pen how to add smoke / vape that looks realistic?
This man can solve the problem of existence and quantum physics
If you pause whenever the color picker is on the screen like say at 1:41, you can imagine the HSL double cone and the HSB cone represented in the main square. It just takes some creativity in folding it with your mind. To imagine the HSL double cone, you pretend that the leftmost black point is moved all the way to the right and the square is no longer a square; it's a right triangle now. You're looking at a slanted representation of a section of the HSL double cone, with all the greys having been moved to this 45-degree diagonal and all the saturated colours sticking out in varying distances from the grey axis. The distance being the saturation of course. Now to view the HSB cone what you do is, instead of moving the leftmost black point all the way to the left, you move the rightmost black point all the way to the left. This cone is not slanted like the other one; it's standing straight and the grey axis is vertical. Another way to go about this entirely is, instead of imagining sections of cones and double cones, just reset and look at the square we started with. Luminance is vertical and goes from the bottom of the square to the top vertically so values are mapped horizontally (i.e. 50% on the vertical scale of grey is the same height as 50% on the vertical scale of any saturated colour), whereas brightness is L-shaped and follows half the perimeter of the square, going from the rightmost black point all the way up and then all the way left to white, so mapping is slanted 45 degrees (i.e. 50% grey on the diagonal scale of grey is the saturated colour on the top right colour because we're tracing lines diagonally).
Hi Umesh Super good information. Always you are great. I am indian wedding photographer when I edit .cr2 files in Adobe Lrc color bleeding is big problem. How to increase saturation without color bleeding ? Please this is a problem for many photographers.
I just can't explain with words, I got the idea easier than saying my name.
We stan the coco shirt😚🤌🏻
we want learn thing about color😍😍
Which of these two color modules you would say represents real life colors more accurately?
Technically, on a screen the image gets brighter not less bright.
As a display is made up of red green and blue subpixels, fully saturized red would be 100% red color 0% blue %0 in other word the screen produces / lets trough 33.333% of the light. So the 50% brightness gray is brighter than the original red, even if it may not seem that way.
I have been teaching color theory for a few years, in a physical way, but now that I am starting to teach color in digital media this will help me a lot, I had never considered that difference. Thank you very much Unmesh! I love when you explain theoretical concepts!!
Do you have any video that talks about color LAB? In addition to the web you shared, how to use it in Photoshop? Thanks!
can you make a dedicated video on how to match perspective.i'll be thankful.because while creating my composites i do such mistakes.
You need an honary doctorate degree (if you don't have one already) lol. We need more teachers like you.
❤️❤️❤️❤️❤️
Sometimes it is very confusing when jumping between HSB and HSL. Why not to get rid of one of the model altogether😅! HSL for me feels more intuitively understandable.
How to set the bright level of my monitor properly to work with Photoshop? What is the best settings?
cool
Great subject. So why does Photoshop use two different colour models? HSB is the more intuitive
Instead of defining saturation as colour intensity I find it easier to define it as how much grey is added. Then lightness is how much black or white is added.
Please make a video explaining value and lightness. This confuse me and i also couldn't find good sources that explains it
Is there any equivalent channel on CZcams for Illustrator?
Working of Adobe Software Graphics design, digital marketing, digital Image editing and Video editing can these be done on Macbook Pro?
@PiXimperfect?
please make comparison video
Hi Umesh,
is there any way to saturate image in HSB way? I mean so the brightness doesn't go up.
at 10:40 whats the lightness in HSL for the point left, befor decreasing the saturation?
50.
If ling ling can practice for 40 hours a day, Unmesh can make video on the same day as well as edit it on same day and upload it on the same day with best quality of course. Unmesh is ling ling of photoshop.
9:57 you can see that the date was on 3 May 2:20 PM.
Pl। make seperate video when to use hsb or hal in photo editing
oh damn
by the way, what's the song name at the ending?
Is there a difference between brightness, exposure, and burning when something needs to be darkened?
that biceps be looking juicy though!
Could you explain the difference between brightness/lightness and levels/curves?
There is a video about levels vs curves already i guess
We should use CIELUV for everything related to human Vision
ok how to do Hue sat in HSL model. why it is not the default