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

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

While many AI coding tools operate as simple command-response systems, Qodo Gen 1.0 represents the next generation: autonomous, multi-step problem-solving agents that work alongside you.

Read full post →

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

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay