Skip to content

pantoken / 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))"