सास/कम्पास - हेक्स, आरजीबी, या नामित रंग को आरजीबीए

Question

में कनवर्ट करें यह कम्पास 101 हो सकता है, लेकिन क्या किसी ने मिश्रित लिखा है जो रंग के अल्फा मान को सेट करता है? आदर्श रूप में, मैं रंग परिभाषा के किसी भी रूप में लेने के लिए, और लागू पारदर्शिता mixin चाहते हैं:

@include set-alpha(red, 0.5);   //prints rgba(255, 0, 0, 0.5); 
@include set-alpha(#ff0000, 0.5);  //prints rgba(255, 0, 0, 0.5); 
@include set-alpha(rgb(255,0,0), 0.5); //prints rgba(255, 0, 0, 0.5); 

Answer 1

का प्रयोग करें rgba function built into Sass

एक रंग की अस्पष्टता सेट करता है।

उदाहरण:

RGBA (# 102,030, 0.5) => RGBA (16, 32, 48, 0.5)
RGBA (नीला, 0.2) => RGBA (0, 0, 255, 0.2)

पैरामीटर:
(रंग) रंग
(संख्या) अल्फा - 0 और 1

रिटर्न बीच की कोई संख्या:
(रंग)

कोड:

rgba(#ff0000, 0.5); // Output is rgba(255,0,0,0.5); 

Answer 2

मैं उपयोग rgbapng compass plugin

rgbapng क्रॉस-ब्राउज़र * संगत RGBA सहायता प्रदान करने के लिए एक कम्पास प्लगइन है। यह आरजीबीए का समर्थन नहीं करने वाले ब्राउज़र के लिए फ्लाई पर सिंगल पिक्सेल अल्फा-पारदर्शी पीएनजी बनाकर काम करता है। यह शुद्ध रूबी ChunkyPNG लाइब्रेरी का उपयोग करता है जिसके परिणामस्वरूप परेशानी मुक्त स्थापना और परिनियोजन होता है।

स्थापित

gem install compass-rgbapng 

प्रयोग

@include rgba-background(rgba(0,0,0,0.75)); 

संकलित करने के लिए:

background: url('/images/rgbapng/000000bf.png?1282127952'); 
background: rgba(0, 0, 0, 0.75); 

Answer 3

वहाँ भी IE के ## AARRGGBB प्रारूप के लिए यानी हेक्स-str() है:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str(#fdfdfd)}', endColorstr='#{ie-hex-str(#f6f6f6)}',GradientType=0); /* IE6-9 */ 

Answer 4

from_hex(hex_string, alpha = nil); 

documentation से:

एक मान्य सीएसएस हेक्स स्ट्रिंग से एक नया रंग बनाएँ। अग्रणी हैश वैकल्पिक है।