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

CSS Stickers

CSS Stickers

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »
Mastering Linting

Mastering Linting

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

Enroll Now »