pantoken / plugins/pantoken/colors/src / lighten

Függvény: lighten()

lighten(color, percent?): string

Béta

Világosodjon percent HSL-fényerő ponttal — az ui-color-utils lighten CSS-only tükrözése (a tinycolor növeli az HSL fényerőt). Relatív szín szintaxist használ, így a színárnyalat és a telítettség megmarad.

Paraméterek

color

string

Az alapszín.

percent?

number = 10

Hozzáadandó fényerő pontok (alapértelmezés 10, a tinycolor alapértelmezésével egyezően).

Visszatérés

string

Egy hsl(from …) relatív szín kifejezés.

Példa

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