pantoken-root / plugins/pantoken/colors/src / lighten

Functie: lighten() ​

lighten(color, percent?): string

Bèta

Licht op met percent HSL-lichtheidspunten — de alleen-CSS-tegenhanger van ui-color-utils lighten (tinycolor verhoogt HSL-lichtheid). Gebruikt relatieve kleursyntaxis zodat kleurtoon en verzadiging behouden blijven.

Parameters ​

color ​

string

De basiskleur.

percent? ​

number = 10

Aantal lichtheidspunten om toe te voegen (standaard 10, overeenkomend met de standaard van tinycolor).

Retourneert ​

string

Een hsl(from …) relative-color expressie.

Voorbeeld ​

ts
lighten("var(--brand)", 10); // "hsl(from var(--brand) h s calc(l + 10))"