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

Funktion: lighten() ​

lighten(color, percent?): string

Beta

Aufhellen um percent HSL-Helligkeitspunkte — das nur-CSS-Äquivalent von ui-color-utils lighten (tinycolor erhöht die HSL-Helligkeit). Verwendet relative Farbsyntax, sodass Farbton und Sättigung erhalten bleiben.

Parameter ​

color ​

string

Die Basisfarbe.

percent? ​

number = 10

Hinzu fügende Helligkeitspunkte (Standard 10, entspricht dem Standard von tinycolor).

Rückgabe ​

string

Ein hsl(from …) relative-color-Ausdruck.

Beispiel ​

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