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

Συνάρτηση: darken()

darken(color, percent?): string

Βήτα

Σκοτεινότερο κατά percent μονάδες φωτεινότητας HSL — ο μόνος με CSS καθρέφτης του ui-color-utils darken (το tinycolor μειώνει τη φωτεινότητα HSL). Χρησιμοποιεί σύνταξη relative-color ώστε η απόχρωση και ο κορεσμός να διατηρούνται.

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

Παράμετροι

color

string

Το βασικό χρώμα.

percent?

number = 10

Βαθμοί φωτεινότητας προς αφαίρεση (προεπιλογή 10, συμβατή με την προεπιλογή του tinycolor).

Επιστρέφει

string

Μια έκφραση relative-color hsl(from …).

Παράδειγμα

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