FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today

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/specificity-cheat-sheet.html
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today
CSS Variables Video: https://youtu.be/oZPR_78wCnY
CSS Variables Article: https://blog.webdevsimplified.com/2020-02/css-custom-properties
HSL Article: https://blog.webdevsimplified.com/2021-06/hsl-color-format


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
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