Token Tools can automatically generate lighter, darker, and transparent variations of any color variable. This lets you build a full color palette from a single base color.
Write the formula in the description field of a color variable.
Available functions:
| Function | Description |
|---|---|
darken($Color, amount) | Darkens the color by the given amount |
lighten($Color, amount) | Lightens the color by the given amount |
trans($Color, amount) | Adds transparency by the given amount |
Examples:
darken($Primary, 40) lighten($Primary, 95) trans($Primary, 10)
After writing your formulas, press Calculate variables to apply them.
HSL color operations
Token Tools also supports direct manipulation of individual HSL components: hue (H), saturation (S), and lightness (L).
Syntax: $variable_name(H, S, L[operation])
Examples:
$primary(H, S, L*1.5) → multiply lightness$primary(H, S, L/1.5) → divide lightness$primary(H, S, L+5) → add to lightness$primary(H, S, L-5) → subtract from lightness$primary(H, S, L=30) → set lightness to an exact value
You can also replace H or S values individually for full control over the output color.
After writing your formulas, press Calculate variables to apply.