Jump to main content Jump to doc navigation

lighten

Other versions: 2.x (current) — Found a problem? Please edit this page or report an issue.

lighten is an Output Modifier that accepts a hex value and percentage (+ or -) option. Additionally, 'max' or 'rev' can be set as an option, with or without a percentage.

Examples:

[[+color:lighten=`20`]]

Result: lightens the $input hex color by 20%

[[+color:lighten=`-30`]]

Result: darkens the $input color by 30%

[[+color:lighten=`max`]]

Result: if the $input value is above the $threshold value, 'ffffff' will be returned, else '000000' will be returned. The $threshold value can be defined in the Snippet properties.

[[+color:lighten=`rev60`]]

Result: this would output the reverse of the $input hex (white or black) at 60% (so it'd be more of a medium grey in this case)