अल्फा चैनल के साथ रंग का हेक्स प्रतिनिधित्व?

Question

हेक्स प्रारूप में रंग (अल्फा चैनल समेत) का प्रतिनिधित्व करने के तरीके पर कोई डब्ल्यू 3 या कोई अन्य उल्लेखनीय मानक है?

क्या यह #RGBA या #ARGB है?

Answer 1

सीएसएस 3 में, spec से उद्धरण के लिए, "आरजीबीए मूल्य के लिए कोई हेक्साडेसिमल नोटेशन नहीं है" (CSS Level 3 spec देखें)। इसके बजाय आप decgals या प्रतिशत के साथ rgba() कार्यात्मक नोटेशन का उपयोग कर सकते हैं, उदा। आरजीबीए (255, 0, 0, 0.5) 50% पारदर्शी लाल होगा। आरजीबी चैनल 0-255 या 0% -100% हैं, अल्फा 0-1 है।

में सीएसएस 4 *, आप 7 वीं और 8 अंकों हेक्स रंग की 8 वीं वर्ण, या 4 अंकों हेक्स रंग के 4 चरित्र का उपयोग कर अल्फ़ा चैनल निर्दिष्ट कर सकते हैं (देखें CSS Level 4 spec *) के रूप में

ब्राउज़र समर्थन नवंबर 2017 के

• फ़ायरफ़ॉक्स फ़ायरफ़ॉक्स 49 (Mozilla bug 567283) के बाद से इस वाक्य रचना का समर्थन किया है।
• सफारी ने सफारी 10 के बाद इस वाक्यविन्यास का समर्थन किया है।
• क्रोम ऑन डेस्कटॉप ने क्रोम 62 के बाद से इस वाक्यविन्यास का समर्थन किया है। पिछले संस्करणों के लिए आप इस वाक्यविन्यास का उपयोग करने के लिए प्रयोगात्मक वेब विशेषताओं को सक्षम कर सकते हैं। Chromium Issue 618472 और Webkit bug 150853 देखें।
• एंड्रॉइड पर क्रोम एंड्रॉइड पी में सिंटैक्स का समर्थन करने की उम्मीद है।
• ओपेरा ओपेरा 49 में इस वाक्यविन्यास का समर्थन करेगा।
• आईई 11 और एजग्राम 15 (एज 40) इस वाक्यविन्यास का समर्थन नहीं करते हैं।

तारीख ब्राउज़र समर्थन जानकारी के लिए ऊपर मसौदे में तकनीकी तौर पर अभी भी available on CanIUse.com

है *, लेकिन ब्राउज़र समर्थन इस परिवर्तित करने की संभावना नहीं है को देखते हुए।

Answer 2

मुझे यकीन है कि अगर वहाँ एक अधिकारी ने मानक

RGBA प्रतिनिधित्व मैं के लिए वेब मैक्रोमीडिया देखा है और दूसरों ARGB

का उपयोग मुझे विश्वास है कि RGBA अधिक आम प्रतिनिधित्व है नहीं कर रहा हूँ।

यदि यह मदद करता है इस CSS3 के लिए डब्ल्यू 3 से है
http://www.w3.org/TR/css3-color/#rgba-color

संपादित (पैट्रिक): बोली ऊपर डब्ल्यू 3 लिंक

आरजीबी मूल्यों के विपरीत से, वहाँ कोई हेक्साडेसिमल नोटेशन एक के लिए है आरजीबीए मूल्य

Answer 3

ऐसा लगता है कि कोई हेक्स अल्फा प्रारूप नहीं है: http://www.w3.org/TR/css3-color/

वैसे भी, अगर आप एस.ए.एस.एस. की तरह एक सीएसएस पूर्वप्रक्रमक का उपयोग तो आप rgba के लिए एक हेक्स पारित कर सकते हैं: पृष्ठभूमि:

rgba(#000, 0.5); 

और पूर्वप्रक्रमक सिर्फ स्वचालित रूप से आरजीबी हेक्स कोड बदल देता है।

Answer 4

आप आरजीबी मान प्राप्त करने और फिर अल्फा मान का उपयोग करने के लिए जीआईएमपी या फोटो शॉप के रंग पिकर में हेक्स रंग डालने का प्रयास कर सकते हैं। जैसे। लाल #FF0000 या rgb(255,0,0) यदि आप .5 के अल्फा मान के साथ लाल चाहते हैं तो rgba(255,0,0,.5)।

शायद वही नहीं जो आप चाहते थे लेकिन उम्मीद है कि मदद करता है।

Answer 5

क्रोम 52+ supports अल्फा हेक्स:

background: #56ff0077; 

पुराने ब्राउज़र के लिए, आप का उपयोग करना होगा:

background-color: rgba(255, 220, 0, 0.3);