In that video series, I covered a number of the new CSS3 and HTML5 features, and one in particular that I haven’t written much about on this site is HSL (or HSLA) colors.
Below you’ll find the video originally titled “HSLA Colors”. In the Learnable series, this video is Step 2 of Lesson 7. Enjoy.
Viewing tip: Click the “change quality” icon (next to the “CC” icon) to select “720p HD” quality, and then use full screen. I can’t figure out how to embed YouTube videos in HD.
If something’s wrong with the embed above, here’s a direct YouTube link:
Some related links:
- HSL colors on W3C
- HSLA colors on W3C
- HSLA colors on CSS3 Click Chart
- RGBa & HSLa CSS Generator for IE6-8 (mentioned in the video)
- Paul Irish’s HSL Tool