CSS3 - hsla-Color-Opacity

#L1 { background:hsl(320, 100%, 25%); height:20px; width:500px; margin:20px auto; text-align:center; }
#L2 { background:hsl(320, 100%, 50%); height:20px; width:500px;  margin:20px auto; text-align:center;}
#L3 { background:hsl(320, 100%, 75%); height:20px; width:500px;  margin:20px auto; text-align:center;}

#L4 { background:hsl(202, 100%, 50%); height:20px; width:500px; margin:20px auto; text-align:center; }
#L5 { background:hsl(202, 50%, 50%); height:20px; width:500px; margin:20px auto; text-align:center; }
#L6 { background:hsl(202, 25%, 50%); height:20px; width:500px; margin:20px auto; text-align:center; }

#L7 { background:hsla(165, 35%, 50%, 0.2); height:20px; width:500px; margin:20px auto; text-align:center;  }
#L8 { background:hsla(165, 35%, 50%, 0.4); height:20px; width:500px; margin:20px auto; text-align:center; }
#L9 { background:hsla(165, 35%, 50%, 0.6); height:20px; width:500px; margin:20px auto; text-align:center; }
#L10 { background:hsla(165, 35%, 50%, 0.8); height:20px; width:500px; margin:20px auto; text-align:center; }
#L11 { background:hsla(165, 35%, 50%, 1.0); height:20px; width:500px; margin:20px auto; text-align:center; }