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

Funktion: darken()

darken(color, percent?): string

Beta

Abdunkeln um percent HSL-Helligkeitspunkte — das nur-CSS-Pendant zu ui-color-utils darken (tinycolor verringert die HSL-Helligkeit). Verwendet die relative-Farb-Syntax, sodass Farbton und Sättigung erhalten bleiben.

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

Parameter

color

string

Die Basisfarbe.

percent?

number = 10

Abzuziehende Helligkeitspunkte (Standard 10, entsprechend tinycolors Voreinstellung).

Rückgabe

string

Ein hsl(from …) relative-color-Ausdruck.

Beispiel

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