colors - पारदर्शी एआरजीबी हेक्स मान




hex argb (3)

अन्य उत्तरों को जोड़ना और @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>

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

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

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


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

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

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


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

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




argb