Color Research - HSL & HSB

I believe HSL is the most understandable color model for designers.

However, in our design tools, HSB (HSV) is the most widely used color model.

So, what’s the difference between HSL and HSB?

This GIF will make it easier for you to understand this issue.

Just locate some key colors from HSL, and match them in HSB, you’ll see this result.