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

Funzione: darken()

darken(color, percent?): string

Beta

Scurire di percent punti di luminosità HSL — il corrispondente solo-CSS di ui-color-utils darken (tinycolor riduce la luminosità HSL). Usa la sintassi di colore relativa in modo che tinta e saturazione vengano preservate.

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

Parametri

color

string

Il colore base.

percent?

number = 10

Punti di luminosità da sottrarre (predefinito 10, corrispondente al valore predefinito di tinycolor).

Restituisce

string

Un'espressione relative-color hsl(from …).

Esempio

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