DEV Community

Cover image for Css Hsl colors introduction
Stephan Nijman
Stephan Nijman

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

Css Hsl colors introduction

#css #webdev #html #beginners

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! :)

Read next

itsjp profile image

Difference between Func() , ()=>Func() , {Func} , ()=>Func in JS

Jaydeep Pipaliya -

grahamthedev profile image

AI "interviewer"...I rarely want companies to fail but...

GrahamTheDev -

ootkin profile image

From Code to OpenAPI spec with Ease using SkimX

ootkin -

sainsec profile image

Cross-Site Request Forgery (CSRF)

Hussain -