DEV Community

Cover image for Css Hsl colors introduction
Stephan Nijman
Stephan Nijman

Posted on • Edited on • Originally published at since1979.dev

6

Css Hsl colors introduction

How to use the Hsl color functions in Css

In this video we will take a look at how we can ditch hex colors and adopt the amazing Hsl and Hsla functions inside of our css.

Check out this codepen and take a view minutes to try it out for yourself.

I promise you'll love it.

Subscribe and Follow

Subscribe to my Youtube channel.

Follow me on Twitter

Thanks for watching and stay safe

Top comments (4)

 
vanaf1979 profile image
Stephan Nijman

Yeah i realy love it! No more jumping into photoshop etc to find a color! 😀

Collapse
 
vanaf1979 profile image
Stephan Nijman

Oh cool, i didn't know that was possible.

Thanks for sharing Daniel! :)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more