कम सीएसएस प्रीप्रोसेसर: क्या एक रंग को आरजीबी और आरजीबीए परिभाषा में मैप करने का कोई तरीका है?

Question

मैं सीएसएस प्रीप्रोसेसर कम में एक ब्लॉक लिखने की कोशिश कर रहा हूं जो निम्न कार्य करेगा:

@transparent_background(@color; @alpha: .8) 
{ 
    background: @color; 
    background: rgba(<color R value>, <color G value>, <color B value>, @alpha); 
} 

अगर आरजीबी मानों को @color से बाहर निकालने का कोई तरीका है यदि यह एक मानक हेक्स परिभाषा है (यानी #rrggbb)? क्या ऐसा करने का कोई तरीका है यदि @color को किसी अन्य तरीके से परिभाषित किया गया है?

संपादित करें: समाधान

@transparent_background(@color; @alpha: .8) 
{ 
    background: @color; 
    background: @color + rgba(0, 0, 0, @alpha); 
} 

Answer 1

समाधान में से कोई भी अब काम है, लेकिन यह एक (@Elyse करने के लिए धन्यवाद) करता है:

.alpha(@color, @alpha: 0.8) { 
    color: @color; 
    color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha); 
} 

hsla() समारोह है, जबकि कम वेबसाइट में विज्ञापित नहीं, in the source code परिभाषित किया गया है।

Answer 2

इस प्रयास करें:

background: @color - rgba(0, 0, 0, 1.0) + rgba(0, 0, 0, @alpha); 

घटाव @color पर अल्फ़ा चैनल साफ हो जाएगा तो आप अल्फ़ा चैनल के लिए वांछित @alpha जोड़ें। रंगों में ऑपरेटरों का पूरा सूट होता है और वे दो रंगों पर काम करते समय घटक द्वारा घटक काम करते हैं; रंग आंतरिक रूप से आरजीबीए घटकों के रूप में संग्रहीत होते हैं इसलिए यह काम करना चाहिए। इसके अलावा, अल्फा चैनल को अंतराल [0, 1.0] में सामान्यीकृत किया गया है, इसलिए अल्फा चैनल से 1.0 को घटाना किसी भी समस्या के बिना इसे साफ़ करना चाहिए।

मेरे पास अभी सीएसएस कम सेट नहीं है इसलिए मैं जांच नहीं कर सकता लेकिन यह एक शॉट के लायक है।

Answer 3

ध्यान दें कि आप भी कम की fadein/fadeout कार्यों के साथ आगे बढ़ सकते हैं:

.alpha(@color, @alpha: 80) 
{ 
    background-color: fadeout(@color, (100 - @alpha)); 
} 

इस प्रकार, .alpha (लाल, 25)RGBA की एक पृष्ठभूमि रंग में परिणाम होगा (255, 0, 0, 0.25)

Answer 4

मुझे पता है कि यह एक पुराना सवाल है, लेकिन यदि आप जो करना चाहते हैं वह अल्फा मान जोड़ना है तो बस fade(@color, @alpha) का उपयोग करें। रंग हेक्स, आरजीबीए या एचएसएलए में हो सकता है।