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

Funktio: lighten() ​

lighten(color, percent?): string

Beta

Vaaleuta percent HSL-valonvoimapistettä — ui-color-utilsin lighten pelkkä CSS‑peilikuva (tinycolor kasvattaa HSL-valonvoimakkuutta). Käyttää suhteellista värisyntaksia, joten sävy ja kylläisyys säilyvät.

Parametrit ​

color ​

string

Perusväri.

percent? ​

number = 10

Lisättävät valonvoimapisteet (oletus 10, vastaa tinycolorin oletusta).

Palauttaa ​

string

hsl(from …)-tyyppinen suhteellinen väri-ilmaus.

Esimerkki ​

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