Skip to content

pantoken / plugins/pantoken/colors/src / lighten

Funkcja: lighten()

lighten(color, percent?): string

Beta

Rozjaśnić o percent punktów jasności HSL — tylko‑CSS odpowiednik ui-color-utils lighten (tinycolor zwiększa jasność HSL). Używa składni względnych kolorów, dzięki czemu odcień i nasycenie są zachowane.

Parametry

color

string

Kolor bazowy.

percent?

number = 10

Liczba punktów jasności do dodania (domyślnie 10, zgodnie z domyślną wartością tinycolor).

Zwraca

string

Wyrażenie relative-color hsl(from …).

Przykład

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