Why Brightness Drops When You Cut Saturation? - HSB vs HSL
ฝัง
- เผยแพร่เมื่อ 16 พ.ค. 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 TH-cam 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!
Dude, you are the best photoshop master there is. Period.
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
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.
Very rich in information! Thanks a lot Unmesh for covering this subject! Good luck man!
The most genius explanation ever on an online platform 👏 🙌 👌 👍
Wow this channel just went down the rabbit hole. Thanks Unmesh!
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.
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!
There is no way that I can understand all this just by watching once, indeed you are great teacher umnesh, keep rocking 🔥
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!
This is so crucial, people should learn this at school. Unmesh you're doing a great job. Thanks a lot!!!
This was a great technical based lesson tbh. Thanks man!
Of course we would love to see a more detailed video about color models! Thanks in advance 😊
Yes! I want more technical stuffs. thanks in advance ☺️
Well explained i had this question a lot time ago thanks for bringing this up and making people aware about it . 🔥🔥💥
Nice explanation!
we surely want the video HSB VS HSL and Lightness VS Brightness. Please make an in-depth video about it.
Great video! I love the way you explain!
Thanks a lot for yet another amazing tutorial 🤗
Nice to see you brother...keep good working
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.
Yo, thank you i really needed this video in my life
Who would've 've thought that lightness and value were different
This is why a calibrated monitor is so,, so important
great explanation
Wow, you explained that really well
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
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 ;-)
Thanks for the detailed video.
Yer explanations r da best. Thx!
Keep up brother your works makes me create more
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
Nicely explained, Thanks. Please make a another video about Brightness vs Luminosity for us.
Simple things explained simpler, omg what a guy :D
Sir you are unique and best teacher 🤩🤩
Each and Every video is full of Tricks and Tips... Thanks for the video and response to the Email
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.
Please create a dedicated video on differences between Lightness and Brightness. Thanks a lot for your videos.
Ramesh Bhai I watched your whole videos from 3 years or later. You are the master of photography 🕵️😂
unmesh still going strong with the grind! 💪
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故意制造这种混乱
much appreciated. thank you !
Ur just awesome..learnt something new today
Thanks man!
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🙂✌️
damn... this solved my greatest problem...i used to tweek the brightness and contrast everytime i decreased the saturation
Thank you
It'll be great to get a detailed video on this topic, looking forward to it.. And as always, an awesome and informative video :)
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?
How you know all these things !!! Impressive
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!
The Einstein of photoshop
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.
Amazing 😍
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.
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!
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!
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?
You are a doctor about Photoshop 😀
Now I understand well why we are using a grey solid color adjustment layer as a brightness check layer, instead of desaturation.
This man can solve the problem of existence and quantum physics
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?
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).
thanks ban chuc ban nhieu nhieu suc kheo tran trong
Superb
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 love this video
can you make a dedicated video on how to match perspective.i'll be thankful.because while creating my composites i do such mistakes.
How to set the bright level of my monitor properly to work with Photoshop? What is the best settings?
Which of these two color modules you would say represents real life colors more accurately?
Nice bubblegum for brain) thx
Good woek😀
We stan the coco shirt😚🤌🏻
Great subject. So why does Photoshop use two different colour models? HSB is the more intuitive
👌👌👌👌Amazing
I just can't explain with words, I got the idea easier than saying my name.
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.
please make comparison video
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.
Is there any equivalent channel on TH-cam for Illustrator?
You need an honary doctorate degree (if you don't have one already) lol. We need more teachers like you.
Please make a video explaining value and lightness. This confuse me and i also couldn't find good sources that explains it
Hi Umesh,
is there any way to saturate image in HSB way? I mean so the brightness doesn't go up.
Working of Adobe Software Graphics design, digital marketing, digital Image editing and Video editing can these be done on Macbook Pro?
@PiXimperfect?
Is there a difference between brightness, exposure, and burning when something needs to be darkened?
And why was not a circular wheel to be placed in the program in order to match the explanation it provides?
A wheel had to be put if it seemed like this
And why were these two systems set?
If the difference between brightness and lightness is explained, it will be easier to understand more
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.
Could you explain the difference between brightness/lightness and levels/curves?
There is a video about levels vs curves already i guess
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.
Pl। make seperate video when to use hsb or hal in photo editing
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
by the way, what's the song name at the ending?
cool
we want learn thing about color😍😍
at 10:40 whats the lightness in HSL for the point left, befor decreasing the saturation?
50.
bro made me pass my exams fr
❤️❤️❤️❤️❤️
Hi Unmesh, I am posting this here because I cannot find a way to comment on the latest Type Fonts video. I love your videos but not the way the latest one on fonts is displayed. I don't understand what is happening with the video. It is very fast and does not have the normal progress slider so I can look at any portion of the video that I want. Also it is on a rolling screen where it shows other people's videos. I do see where a smaller window is available where I can use the slider but the window is very small. I really think this is a step backward from your normal videos. Tom