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

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

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

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs