पारदर्शी एआरजीबी हेक्स मूल्य

Question

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

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

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

Comments

अंत में कुछ ब्राउज़रों (नई सुविधा) के लिए हेक्स कोड के साथ पारदर्शी रंग सेट करने का एक तरीका है। कृपया, stackoverflow.com/a/60876347/2457251

— Almir Campos

Answer 1

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

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

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

Comments

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

— user3332579

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

— हैकर

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

— हैकर

प्रारूप #RRGGBBAA Hex8 (या #RGBA Hex4 में) और है नहीं #AARRGGBB (या #ARGB) मैं क्रोम 62,63,64 में परीक्षण किया है का संदर्भ लें CanIUse.com , https://css-tricks.com/8- अंक-हेक्स-कोड / , क्रोम फ़ीचर स्थिति

— एसजीएस संधू

@SGSSandhu यह प्रश्न CSS पर लक्षित नहीं है। प्रश्न को फिर से देखें, प्रारूप ARGB है।

— हैकर

Answer 2

यहाँ हेक्स मानों के लिए% तालिका दी गई है:

उदाहरण : 85% सफेद के लिए, आप उपयोग करेंगे #D9FFFFFF। यहाँ 85% = "D9" और व्हाइट = "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

इसकी गणना कैसे की जाती है?

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

Comments

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

— सईद जसानी

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

— मैलेटा डिक

@ मल्लिता बहुत बहुत धन्यवाद

— सईद

Answer 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>

Answer 4

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

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

यह तुम्हारा काम करेगा।

Answer 5

यदि आपके पास अपना हेक्स मूल्य है, और आपका बस सोच रहा है कि अल्फा के लिए मूल्य क्या होगा, तो यह स्निपेट मदद कर सकता है:

const alphaToHex = (alpha => {
  if (alpha > 1 || alpha < 0 || isNaN(alpha)) {
    throw new Error('The argument must be a number between 0 and 1');
  }
  return Math.ceil(255 * alpha).toString(16).toUpperCase();
})

console.log(alphaToHex(0.45));