Advanced way to do color operations in HSL
Added
If you enjoy working with the HSL color model and understand how it works, you'll be able to perform operations or individually replace each of its components: hue, saturation, and lightness.
This gives you greater flexibility and control when manipulating colors, and it can also be used as an optional method for calculating lighter (lighten) or darker (darken) variations of a base color.
Examples for calculating lighten and darken with HSL:
$primary(H, S, L*1.5)
$primary(H, S, L/1.5)
$primary(H, S, L+5)
$primary(H, S, L-5)
$primary(H, S, L=30)
John Diaz
2 months ago
Activity
One vote
Categories
Figma
2 months ago