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