Pragmatic Guide to Sass 3

HSL Functions

hsl($hue, $saturation, $lightness)

Creates a color from hue, saturation, and lightness values.

hsla($hue, $saturation, $lightness, $alpha)

Creates a color from hue, saturation, lightness, and alpha (opacity) values.

hue($color)

Gets the hue component of a color.

saturation($color)

Gets the saturation component of a color.

lightness($color)

Gets the lightness component of a color.

adjust-hue($color, $degrees)

Changes the hue of a color, maintaining the lightness and saturation. The degrees given rotate the hue.

lighten($color, $amount)

Makes a color lighter. The amount is given in a percentage.

darken($color, $amount)

Makes a color darker. The amount is given in a percentage.

saturate($color, $amount)

Makes a color more saturated. ...