web-dev-qa-db-ja.com

透明ARGB 16進値

this テーブルの色はすべて透明ではありません。 Aの値はFFに設定されていると思います。

透明性のためのコードは何ですか?

例えば、この色はFFF0F8FF(AliceBlue)で、??F0F8FF?のような透明なコードになります。

126
user3332579

透明度はアルファチャンネル(#AARRGGBB内のAA)によって制御されます。最大値(255 dec、FF 16進数)は完全に不透明です。最小値(0 12進、00 16進)は完全に透明を意味します。中間の値は半透明です。つまり、色は背景色と混ざります。

完全に透明な色を取得するには、アルファをゼロに設定します。この場合、RRGG、およびBBは無関係です。色は表示されないためです。これは、#00FFFFFF( "transparent White")が#00F0F8FF( "transparent AliceBlue")と同じ色であることを意味します。簡単にするために、色が問題にならない場合は黒(#00000000)または白(#00FFFFFF)を選択してください。

あなたがリンクしたテーブルで、#00FFFFFFとして定義されたTransparentが見つかります。

165
theHacker

これは、%から16進値の表です

例:85%白の場合、#D9FFFFFFを使用します。

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

https://stackoverflow.com/a/28481374/1626594 のコメントで@Maletaが説明したことを他の回答に追加して、それ以上何もしないで、alpha * 255を実行し、次にhexに丸めます。ここにクイックコンバーターがあります 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.

これを使うだけです:

アンドロイド:background = "#00FFFFFF"

それはあなたの仕事をするでしょう。

1