Skip to content

pantoken / plugins/pantoken/colors/src / darken

Funksjon: darken()

darken(color, percent?): string

Beta

Mørkare med percent HSL-lysstyrkepunkt — den berre-CSS-spegleiken av ui-color-utils darken (tinycolor senkar HSL-lysstyrken). Brukar relativ fargesyntaks slik at fargetone og metning blir bevart.

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 %).

Parametrar

color

string

Grunnfargen.

percent?

number = 10

Lysstyrkepunkt å trekkje frå (standard 10, samsvarande med tinycolor sitt standard).

Returnerer

string

Eit hsl(from …) relative-color-uttrykk.

Døme

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