# Description

Specifies a color with an HSL code along with the transparency, or alpha, e.g. `hsla(170,50%,45%,0.75)`

The first number is the hue (range is 0 - 360).

The second number is the saturation (range is 0% - 100%). 0% is completely denatured (grayscale whereas 100% is fully saturated (full color).

The third number is the lightness (range is 0-255). 0% is completely dark (black) whereas 100% is completely light (white).

The fourth number is the alpha (range is 0.0 - 1.0). 0 is fully transparent whereas 1 is fully opaque.

# Examples

This example sets the paragraph text color to transparent red.

    p {
      color:hsla(0,50%,50%,0.5);
    }

This produces the following result:

Paragraph Text

# Browser Support

Firefox | IE | Chrome | Opera | Safari

# Miscellaneous Information

Defined In: | CSS3