HEXカラーの不透明度（アルファ）計算

8桁のHEXカラーは、最後の2桁に不透明度を格納します。#2563EB80は、青の#2563EBを約50％の不透明度にしたものです。この計算ツールは、不透明度の％を2桁のアルファコードに変換し、CSSの順（#RRGGBBAA）、Androidの順（#AARRGGBB）、rgba()で色を書き出し、半透明の色を白、黒、または好きな背景に重ねたときに見える単色も表示します。表には0〜100％を5％刻みでまとめています。

使い方

1. 不透明度を％で入力します。
2. ベースカラーを入力します（HEX、rgb()、CSS色名のどれでも可）。
3. 合成後の不透明な色を見るために、背景を選びます。
4. CSS用にはコードを、AndroidおよびNET用には#AARRGGBB形式をコピーします。

計算式

アルファバイト = round(不透明度% × 255) → 16進数2桁 · 合成後のチャンネル = 色 × a + 背景 × (1 − a)、a = バイト ÷ 255

アルファは256段階しかないため、ほとんどの％は丸められます。50％は128/255 = 50.2％になります。100％はFF、0％は00です。

計算例

50％では、0.5 × 255 = 127.5が128に丸められ、これは16進数で80なので、青の#2563EBは#2563EB80（Android：#802563EB）になります。白の上では単色の#92B1F5に見えます。赤は37 × 0.502 + 255 × 0.498 ≈ 146 = 92で、ほかも同様です。75％はBFで、アルファHEXのCCはちょうど80％を意味します。