HTML and CSS Reference
In-Depth Information
Figure 14. Keyword-equivalent hue angles and lightnesses
Just as RGB has its RGBa counterpart, HSL has an HSLa counterpart. This is simply
an HSL triplet followed by an alpha value in the range 0-1. The following HSLa values
are all black with varying shades of transparency, just as in the RGBa section earlier
(and illustrated in
Figure 10
).
p.one {color: hsla(0,0%,0%,1);}
p.two {color: hsla(0,0%,0%,0.8);}
p.three {color: hsla(0,0%,0%,0.6);}
p.four {color: hsla(0,0%,0%,0.4);}
p.five {color: hsla(0,0%,0%,0.2);}
Bringing the Colors Together
Table 2
presents an overview of some of the colors we've discussed. Note that there are
some rows that do not contain shortened hexadecimal values. That happens in cases
where the longer (six-digit) values cannot be shortened. For example, the value
#880
expands to
#888800
, not
#808000
(otherwise known as
olive
). Therefore, there is no
shortened version of
#808000
, and the appropriate entry in the table is blank.
