Skip to content

pantoken / plugins/pantoken/colors/src / lighten

फंक्शन: lighten()

lighten(color, percent?): string

बीटा

HSL-लाइटनेस के percent अंक से हल्का करें — ui-color-utils lighten का केवल CSS-अनुकरण (tinycolor HSL लाइटनेस बढ़ाता है)। सापेक्ष रंग सिंटैक्स का उपयोग करता है ताकि hue और saturation संरक्षित रहें।

पैरामीटर

color

string

मूल रंग।

percent?

number = 10

जोड़ने के लिए लाइटनेस अंक (डिफ़ॉल्ट 10, tinycolor के डिफ़ॉल्ट से मेल खाता है).

वापसी

string

एक hsl(from …) सापेक्ष-रंग एक्सप्रेशन।

उदाहरण

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