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.
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.
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.
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...
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 ;-)
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
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!
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.
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.
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).
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.
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.
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 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!
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?
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!
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?
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.
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.
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.
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?
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!
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.
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
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
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 ?
@@逄永华 i posted the answer in the comments down here.
Dude, you are the best photoshop master there is. Period.
This is very interesting! Thank you for making this video!
Hallo kak
Photoshop user juga neng punipun?
Glad you liked it :) Thanks 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.
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
The most genius explanation ever on an online platform 👏 🙌 👌 👍
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!
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.
There is no way that I can understand all this just by watching once, indeed you are great teacher umnesh, keep rocking 🔥
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 ;-)
Very rich in information! Thanks a lot Unmesh for covering this subject! Good luck man!
Wow this channel just went down the rabbit hole. Thanks Unmesh!
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 is why a calibrated monitor is so,, so important
great explanation
Yo, thank you i really needed this video in my life
Who would've 've thought that lightness and value were different
This is so crucial, people should learn this at school. Unmesh you're doing a great job. Thanks a lot!!!
we surely want the video HSB VS HSL and Lightness VS Brightness. Please make an in-depth video about it.
The Einstein of photoshop
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
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!
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.
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 ☺️
Sir you are unique and best teacher 🤩🤩
This was a great technical based lesson tbh. Thanks man!
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.
Please create a dedicated video on differences between Lightness and Brightness. Thanks a lot for your videos.
Hey, Umesh you are really a great teacher! I am your big fans!!!!!
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).
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.
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.
Now I understand well why we are using a grey solid color adjustment layer as a brightness check layer, instead of desaturation.
Simple things explained simpler, omg what a guy :D
Well explained i had this question a lot time ago thanks for bringing this up and making people aware about it . 🔥🔥💥
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.
damn... this solved my greatest problem...i used to tweek the brightness and contrast everytime i decreased the saturation
How you know all these things !!! Impressive
Keep up brother your works makes me create more
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!
Ramesh Bhai I watched your whole videos from 3 years or later. You are the master of photography 🕵️😂
Nicely explained, Thanks. Please make a another video about Brightness vs Luminosity for us.
This man can solve the problem of existence and quantum physics
Each and Every video is full of Tricks and Tips... Thanks for the video and response to the Email
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🙂✌️
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 😀
Great video! I love the way you explain!
Wow, you explained that really well
unmesh still going strong with the grind! 💪
Great subject. So why does Photoshop use two different colour models? HSB is the more intuitive
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!
I just can't explain with words, I got the idea easier than saying my name.
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?
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.
Thanks for the detailed video.
please make comparison video
Ur just awesome..learnt something new today
Yer explanations r da best. Thx!
Nice to see you brother...keep good working
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.
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.
Nice explanation!
We should use CIELUV for everything related to human Vision
We stan the coco shirt😚🤌🏻
can you make a dedicated video on how to match perspective.i'll be thankful.because while creating my composites i do such mistakes.
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?
Please make a video explaining value and lightness. This confuse me and i also couldn't find good sources that explains it
Which of these two color modules you would say represents real life colors more accurately?
Thanks a lot for yet another amazing tutorial 🤗
How to set the bright level of my monitor properly to work with Photoshop? What is the best settings?
much appreciated. thank you !
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!
You need an honary doctorate degree (if you don't have one already) lol. We need more teachers like you.
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.
Could you explain the difference between brightness/lightness and levels/curves?
There is a video about levels vs curves already i guess
Is there any equivalent channel on UA-cam for Illustrator?
So to summarize the Video HSL is symmetric in brightness to darkness (Value) and HSB is symmetric in cool and warm colors?
Pl। make seperate video when to use hsb or hal in photo editing
It'll be great to get a detailed video on this topic, looking forward to it.. And as always, an awesome and informative video :)
at 10:40 whats the lightness in HSL for the point left, befor decreasing the saturation?
50.
Hi Umesh,
is there any way to saturate image in HSB way? I mean so the brightness doesn't go up.
Thanks man!
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
Working of Adobe Software Graphics design, digital marketing, digital Image editing and Video editing can these be done on Macbook Pro?
@PiXimperfect?
Thank you
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
thanks ban chuc ban nhieu nhieu suc kheo tran trong
we want learn thing about color😍😍
Superb
HSB looks similar to CMYK. There are "colour values" and light range.
Photoshop academically
by the way, what's the song name at the ending?
Next RGB vs CMYK?
bro made me pass my exams fr
ok how to do Hue sat in HSL model. why it is not the default
Nice bubblegum for brain) thx