FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specific...
Learn CSS Today Course: https://courses.webdevsimplified.com/...

Every developer needs to define colors in CSS at some point and generally when a developer defines colors in CSS they use RGB or HEX to write out those colors. Technically there is nothing wrong with doing this, but it is far from the best way to write colors in CSS. This is where HSL shines. It is incredibly intuitive, easy to read, and best of all is perfect for working with CSS variables. Once I started using HSL I couldn't go back to using RGB or HEX. In this video I will show you why.


Materials/References:

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specific...
Learn CSS Today Course: https://courses.webdevsimplified.com/...
CSS Variables Video:    • CSS Variables Tutorial  
CSS Variables Article: https://blog.webdevsimplified.com/202...
HSL Article: https://blog.webdevsimplified.com/202...


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱ Timestamps:

00:00 Introduction
00:20 Why not using HSL is bad
01:50 What is HSL?
03:00 Visual examples of Hue, Saturation, and Lightness
04:40 Pros of HSL


#CSS #WDS #HSL