Switch to HSL Color Format
Learn why you should switch from HEX and RGBA color values to HSL, and how you can easily tweak colors (for accessibility, gradients or hover effects) when you're using the HSL color format.
🎨 Codepen demo:
https://codepen.io/ZoranJambor/pen/bG...
📚 On Switching from HEX & RGB to HSL by Sara Soueidan:
https://www.sarasoueidan.com/blog/hex...
🐦 Tip about space-separated values syntax by Adam Argyle:
/ 1218305696862588928
📖 MDN entry on HSL:
https://developer.mozilla.org/en-US/d...
⏱️ Chapters
00:00 Intro
00:55 What is HSL
02:02 HSL in practice
03:49 How to easily create gradient colors using HSL
05:03 Using transparency/opacity with HSL
05:40 Syntax with space-separated values
06:25 Conclusion
Subscribe to CSS Weekly Newsletter:
💌 https://css-weekly.com/
Keep up-to-date with CSS Weekly:
👉 Twitter: / cssweekly
👉 Instagram: / cssweekly
👉 Facebook: / cssweekly
Keep up to date with what I'm up to:
🔗 Blog: https://zoranjambor.com
👉 Twitter: / zoranjambor
👉 LinkedIn: / zoranjambor
Zoran Jambor
#css
On this page of the site you can watch the video online Switch to HSL Color Format with a duration of hours minute second in good quality, which was uploaded by the user CSS Weekly 12 April 2022, share the link with friends and acquaintances, this video has already been watched 3,894 times on youtube and it was liked by 178 viewers. Enjoy your viewing!
![[YBA] SP Vamp is really good!](https://image.4k-video.cc/id-video/4KjMMRLWq98)
