Skip to content

pantoken / 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))"