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

Funktion: lighten() ​

lighten(color, percent?): string

Beta

Lys op med percent HSL-lysstyrke-punkter — CSS-kun spejlingen af ui-color-utils lighten (tinycolor øger HSL-lysstyrke). Bruger relativ farvesyntaks, så farvetone og mætning bevares.

Parametre ​

color ​

string

Basisfarven.

percent? ​

number = 10

Lysstyrke-punkter at tilføje (standard 10, der matcher tinycolor's standard).

Returnerer ​

string

Et hsl(from …) relativ-farveudtryk.

Eksempel ​

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