Skip to content

pantoken-root / plugins/pantoken/colors/src / lighten

פונקציה: lighten() ​

lighten(color, percent?): string

בטא

הבהיר ב־percent נקודות בהירות HSL — המקבילה רק‑CSS של ui-color-utils lighten (tinycolor מעלה את בהירות ה‑HSL). משתמש בסינטקס צבע יחסי כך שהגוון והרוויה נשמרים.

פרמטרים ​

color ​

string

צבע הבסיס.

percent? ​

number = 10

נקודות בהירות להוספה (ברירת מחדל 10, תואם לברירת המחדל של tinycolor).

מחזיר ​

string

ביטוי צבע יחסי hsl(from …).

דוגמה ​

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