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