it-swarm.com.de

Transparenter ARGB-Hex-Wert

Die Farben in der Tabelle this sind alle nicht transparent. Ich vermute, der Wert für A ist auf FF eingestellt.

Was ist der Code für Transparenz?

Zum Beispiel diese Farbe FFF0F8FF (AliceBlue), um einen transparenten Code wie ??F0F8FF?

134
user3332579

Die Transparenz wird über den Alphakanal gesteuert (AA in #AARRGGBB). Maximaler Wert (255 dec, FF hex) bedeutet vollständig undurchsichtig. Mindestwert (0 dez, 00 hex) bedeutet vollständig transparent. Werte dazwischen sind halbtransparent, d. H. Die Farbe wird mit der Hintergrundfarbe gemischt.

Um eine vollständig transparente Farbe zu erhalten, setzen Sie das Alpha auf Null. RR, GG und BB spielen in diesem Fall keine Rolle, da keine Farbe sichtbar ist. Dies bedeutet, dass #00FFFFFF ("transparentes Weiß") dieselbe Farbe hat wie #00F0F8FF ("transparentes AliceBlue"). Um es einfach zu halten, wählt man Schwarz (#00000000) oder Weiß (#00FFFFFF), wenn die Farbe keine Rolle spielt.

In der Tabelle, die Sie verlinkt haben, finden Sie Transparent definiert als #00FFFFFF.

171
theHacker

Hier ist die Tabelle von% zu Hex-Werten

Beispiel: Für 85% Weiß würden Sie # D9FFFFFF verwenden.

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
441
Shivaraj Patil

Zu den anderen Antworten hinzufügen und nichts weiter tun als das, was @Maleta in einem Kommentar zu https://stackoverflow.com/a/28481374/1626594 erklärt hat, dabei alpha * 255 dann rund dann zu hex. Hier ist ein schneller Konverter 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>
4
Francisco M.

Benutze einfach folgendes:

Android: background = "# 00FFFFFF"

es wird deine Arbeit erledigen.

1