pantoken-root / plugins/pantoken/colors/src / darken

Funktio: darken()

darken(color, percent?): string

Beta

Tummenna percent HSL-valonisuuskohtaa — ui-color-utilsin darken vain CSS:n peilikuva (tinycolor vähentää HSL-valonisuutta). Käyttää suhteellista värisyntaksia, joten sävy ja kylläisyys säilyvät.

In relative hsl(), the l channel resolves to a <number> on the 0–100 scale — the same scale tinycolor's amount uses — so the points are subtracted directly (no %).

Parametrit

color

string

Perusväri.

percent?

number = 10

Vähennettävä valonisuus pisteinä (oletus 10, vastaa tinycolorin oletusta).

Palauttaa

string

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

Esimerkki

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