2014-04-21 6 views
94

this तालिका में रंग सभी पारदर्शी नहीं हैं। मुझे लगता है कि A के लिए मान FF पर सेट है।पारदर्शी एआरजीबी हेक्स मान

पारदर्शिता के लिए कोड क्या है?

उदाहरण के लिए इस रंग FFF0F8FF (ऐलिसब्लू), ??F0F8FF जैसे पारदर्शी कोड पर?

उत्तर

126

पारदर्शिता अल्फा चैनल द्वारा नियंत्रित होती है (AA#AARRGGBB में)। अधिकतम मूल्य (255 डीसी, एफएफ हेक्स) का मतलब पूरी तरह से अपारदर्शी है। न्यूनतम मूल्य (0 डीसी, 00 हेक्स) का मतलब पूरी तरह से पारदर्शी है। बीच के मूल्य अर्द्ध पारदर्शी हैं, यानी रंग पृष्ठभूमि रंग के साथ मिश्रित है।

एक पूर्ण पारदर्शी रंग प्राप्त करने के लिए अल्फा को शून्य पर सेट करें। RR, GG और BB इस मामले में अप्रासंगिक हैं क्योंकि कोई रंग दिखाई नहीं देगा। इसका मतलब है #00FFFFFF ("पारदर्शी सफेद") #00F0F8FF ("पारदर्शी एलिसब्लू") के समान रंग है। यदि इसे कोई फर्क नहीं पड़ता है तो इसे सरल रखने के लिए काला (#00000000) या सफेद (#00FFFFFF) चुनता है।

आपके द्वारा लिंक की गई तालिका में Transparent#00FFFFFF के रूप में परिभाषित किया जाएगा।

+1

मान लें कि मुझे 50% अस्पष्टता की आवश्यकता है। 50% अस्पष्टता/पारदर्शी के साथ सफेद रंग के लिए कोड क्या है? – user3332579

+7

@ user3332579: 50% '7F' है। अपने कैलकुलेटर को हेक्स मोड में रखें, यह आपके लिए चाल करेगा। – theHacker

+0

@ user3332579: तो 50% सफेद '# 7FFFFFFF' है। – theHacker

322

हेक्स मानों में% की तालिका E.g है। 50% सफेद के लिए आप # FFFFFF का उपयोग करेंगे।

100% — FF 
95% — F2 
90% — E6 
85% — D9 
80% — CC 
75% — BF 
70% — B3 
65% — A6 
60% — 99 
55% — 8C 
50% — 80 
45% — 73 
40% — 66 
35% — 59 
30% — 4D 
25% — 40 
20% — 33 
15% — 26 
10% — 1A 
5% — 0D 
0% — 00 
+1

बेहद सहायक। धन्यवाद –

+2

आप इसकी गणना कैसे करते हैं? –

+15

@ सईद जसानी एफएफ हेक्स मोड में लिखा गया नंबर है। वह संख्या दशमलव में 255 का प्रतिनिधित्व करती है। उदाहरण के लिए, यदि आप गणना करने के लिए 42% चाहते हैं तो आपको 42% numbeer 255 ढूंढना होगा और उस नंबर को हेक्स में परिवर्तित करना होगा। 255 * 0.42 ~ = 107 107 हेक्स के लिए "6 बी" – Maleta

1

अन्य उत्तर को जोड़ना और क्या @Maleta https://stackoverflow.com/a/28481374/1626594 पर एक टिप्पणी में समझाया की ज्यादा कुछ नहीं कर रही है, कर अल्फा * 255 तो दौर तो हेक्स के लिए। यहां एक त्वरित कनवर्टर http://jsfiddle.net/8ajxdLap/4/

function rgb2hex(rgb) { 
 
    var rgbm = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?((?:[0-9]*[.])?[0-9]+)[\s+]?\)/i); 
 
    if (rgbm && rgbm.length === 5) { 
 
    return "#" + 
 
     ('0' + Math.round(parseFloat(rgbm[4], 10) * 255).toString(16).toUpperCase()).slice(-2) + 
 
     ("0" + parseInt(rgbm[1], 10).toString(16).toUpperCase()).slice(-2) + 
 
     ("0" + parseInt(rgbm[2], 10).toString(16).toUpperCase()).slice(-2) + 
 
     ("0" + parseInt(rgbm[3], 10).toString(16).toUpperCase()).slice(-2); 
 
    } else { 
 
    var rgbm = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i); 
 
    if (rgbm && rgbm.length === 4) { 
 
     return "#" + 
 
     ("0" + parseInt(rgbm[1], 10).toString(16).toUpperCase()).slice(-2) + 
 
     ("0" + parseInt(rgbm[2], 10).toString(16).toUpperCase()).slice(-2) + 
 
     ("0" + parseInt(rgbm[3], 10).toString(16).toUpperCase()).slice(-2); 
 
    } else { 
 
     return "cant parse that"; 
 
    } 
 
    } 
 
} 
 

 
$('button').click(function() { 
 
    var hex = rgb2hex($('#in_tb').val()); 
 
    $('#in_tb_result').html(hex); 
 
});
body { 
 
    padding: 20px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Convert RGB/RGBA to hex #RRGGBB/#AARRGGBB:<br> 
 
<br> 
 
<input id="in_tb" type="text" value="rgba(200, 90, 34, 0.75)"> <button>Convert</button><br> 
 
<br> Result: <span id="in_tb_result"></span>

1

बस इस का उपयोग करें:

एंड्रॉयड: पृष्ठभूमि = "# 00FFFFFF"

यह आपके काम करेंगे।

संबंधित मुद्दे