pantoken / plugins/pantoken/colors/src / darken

دالة: darken()

darken(color, percent?): string

بيتا

تغميق بمقدار percent نقاط سطوع HSL — النسخة التي تعمل بـ CSS فقط من ui-color-utils darken (tinycolor يُخفّض سطوع HSL). يستخدم صيغة اللون النسبية بحيث تُحفظ الدرجة والتشبع.

في hsl() النسبي، قناة l تتحول إلى <number> على مقياس 0–100 — نفس المقياس الذي تستخدمه amount في tinycolor — لذا تُطرح النقاط مباشرةً (بدون %).

المعلمات

color

string

اللون الأساسي.

percent?

number = 10

نقاط السطوع التي تُطرح (الافتراضي 10، مطابق للافتراضي في tinycolor).

القيم المرجعة

string

تعبير لون نسبي من نوع hsl(from …).

مثال

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