Switch to HSL Color Format

VideoZoran Jambor

Learn why you should switch from HEX and RGBA color values to HSL.

Learn why you should switch from HEX and RGBA color values to HSL, and how you can easily tweak colors (for accessibility, gradients or hover effects) when you're using the HSL color format.

Chapters

  • 00:00 Intro
  • 00:55 What is HSL
  • 02:02 HSL in practice
  • 03:49 How to easily create gradient colors using HSL
  • 05:03 Using transparency/opacity with HSL
  • 05:40 Syntax with space-separated values
  • 06:25 Conclusion

Demo

Links

Baseline Status for Video

Baseline Status for Video

A handy online tool that will let you easily show Baseline Status in your videos.

Try It Now »
Mastering Linting

Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »