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