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 »
CSS Weekly YouTube Channel

CSS Weekly YouTube Channel

Weekly hands-on tutorials, tips, tools, news, and more — everything related to CSS and front-end development, created by Zoran Jambor.

Subscribe Today »