Sass lighten() Function

Last Updated:

Sass lighten() Function

The lighten() function makes a given color lighter.

Example

SASS TO CSS CONVERTER
.foo{ color: lighten(#e1d7d2, 30%); }

Syntax

lighten($color, $amount)

Parameter Value

ValueTypeExplanation
$color Required Specifies a color.
$amount Required Increases the HSL lightness of $color by that amount. The $amount must be a number between 0% and 100% (both are inclusive).

Return Value

ValueExplanation
color Returns the lighten color

Share this Page

Meet the Author