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

Functie: darken()

darken(color, percent?): string

Bèta

Donkerder met percent HSL-lightness punten — de CSS-only spiegel van ui-color-utils darken (tinycolor verlaagt HSL-lightness). Gebruikt relatieve kleursyntax zodat kleurtoon en verzadiging behouden blijven.

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

Parameters

color

string

De basiskleur.

percent?

number = 10

Lichtheidspunten om af te trekken (standaard 10, overeenkomend met tinycolor's standaard).

Retourneert

string

Een hsl(from …) relative-color expressie.

Voorbeeld

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