hsl

Back to the index.

HSL is another color definition. Most browsers support it, though only with an absolute alpha channel.

Example

Without an alpha.

background-color: hsl(36,75%,40%)

color: hsl(36,75%,40%)

border-color: hsl(36,75%,40%)

With an absolute alpha.

background-color: hsla(36,75%,40%,0.6)

color: hsla(36,75%,40%,0.6)

border-color: hsla(36,75%,40%,0.6)

With a percentual alpha.

background-color: hsl(36,75%,40%)

color: hsl(36,75%,40%)

border-color: hsl(36,75%,40%)