LESS - कलर चैनल फ़ंक्शंस

hue

एचएसएल रंग अंतरिक्ष में, ह्यू चैनल को रंग वस्तु से निकाला जाता है।

background: hue(hsl(75, 90%, 30%));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 75;

saturation

एचएसएल रंग अंतरिक्ष में, संतृप्ति चैनल को रंग वस्तु से निकाला जाता है।

background: saturation(hsl(75, 90%, 30%));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 90%;

lightness

एचएसएल कलर स्पेस में, लाइटनेस चैनल को कलर ऑब्जेक्ट से निकाला जाता है।

background: lightness(hsl(75, 90%, 30%));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 30%;

hsvhue

HSV रंग स्थान में, ह्यू चैनल को कलर ऑब्जेक्ट से निकाला जाता है।

background: hsvhue(hsv(75, 90%, 30%));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 75;

hsvsaturation

एचएसएल रंग अंतरिक्ष में, संतृप्ति चैनल को रंग वस्तु से निकाला जाता है।

background: hsvsaturation(hsv(75, 90%, 30%));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 90%;

hsvvalue

एचएसएल रंग अंतरिक्ष में, मूल्य चैनल को रंग वस्तु से निकाला जाता है।

background: hsvvalue(hsv(75, 90%, 30%));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 30%;

red

लाल चैनल को कलर ऑब्जेक्ट से निकाला जाता है।

background: red(rgb(5, 15, 25));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 5;

green

ग्रीन चैनल को कलर ऑब्जेक्ट से निकाला जाता है।

background: green(rgb(5, 15, 25));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 15;

blue

ब्लू चैनल को कलर ऑब्जेक्ट से निकाला जाता है।

background: blue(rgb(5, 15, 25));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 25;

alpha

अल्फा चैनल को कलर ऑब्जेक्ट से निकाला जाता है।

background: alpha(rgba(5, 15, 25, 1.5));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 2;

luma

luma मूल्य एक रंग वस्तु से गणना की जाती है।

background: luma(rgb(50, 250, 150));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 71.2513323%;

luminance

गामा सुधार के बिना luma मूल्य की गणना की जाती है।

background: luminance(rgb(50, 250, 150));

यह सीएसएस में संकलित है जैसा कि नीचे दिखाया गया है -

background: 78.53333333%;