Switch to HSL Color Format

Veröffentlicht am: 12 April 2022
auf dem Kanal: CSS Weekly

3,894

178

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

Auf dieser Seite können Sie das Online-Video Switch to HSL Color Format mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer CSS Weekly 12 April 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,894 Mal angesehen und es wurde von 178 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

33,515,265

345K