Posted on • Updated on • Originally published at since1979.dev
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 to my Youtube channel.
Thanks for watching and stay safe
For further actions, you may consider blocking this person and/or reporting abuse
Amalia Hajarani -
Moisés Santos -
Freecodez -
Jonas Scholz -
Once suspended, vanaf1979 will not be able to comment or publish posts until their suspension is removed.
Once unsuspended, vanaf1979 will be able to comment and publish posts again.
Once unpublished, all posts by vanaf1979 will become hidden and only accessible to themselves.
If vanaf1979 is not suspended, they can still re-publish their posts from their dashboard.
Once unpublished, this post will become invisible to the public and only accessible to Stephan Nijman.
They can still re-publish the post if they are not suspended.
Thanks for keeping DEV Community safe. Here is what you can do to flag vanaf1979:
Unflagging vanaf1979 will restore default visibility to their posts.
Top comments (4)
Isn't
rgba(),hsla(), etc. redundant now?Instead, use
hsl(0 % % / %);, where the alpha is optional.It's friendlier with CSS variables too (
hsl(var(--color) / %);).Oh cool, i didn't know that was possible.
Thanks for sharing Daniel! :)
Happy to help!
And long live
hsl, the best format! 😉Yeah i realy love it! No more jumping into photoshop etc to find a color! 😀