RGBAをHEXに変換

rgba()と8桁のHEXは、同じ半透明の色を書く2つの方法です。この変換ツールは、rgba(255, 99, 71, 0.5)をCSS用の#FF634780、Android・.NET・Flutter用（アルファが先頭）の#80FF6347、そして背景に重ねたときに見える単色に変換します。CSSの規則全体やリストを貼り付けると、その中のrgb()、rgba()、hsl()、hsla()がすべて選んだ形式に書き換えられ、見つかった色ごとの表も表示されます。逆方向では、4桁・8桁のHEXコードを（どちらの順でも）読み取り、rgba()と新しいrgb(r g b / a%)構文で表します。

使い方

1. RGBA → HEX または HEX → RGBA を選びます。
2. 色を1つ、リスト、またはrgba()やhsla()の値を含むCSSを貼り付けます。
3. 出力を選びます：8桁HEX、背景に重ねた単色のHEX、Androidの順。
4. 変換後のCSSや個別のコードをコピーします。チェッカーボードのプレビューには最初の色が表示されます。

計算式

アルファバイト = round(a × 255) → 16進数2桁 · #RRGGBBAA（CSS）または#AARRGGBB（Android） · 単色 = 色 × a + 背景 × (1 − a)

aはrgba()のアルファで、0〜1です。RGBの各チャンネルは16進数2桁になります（0〜255 → 00〜FF）。アルファは256段階しかないため、0.5は128/255 = 0.502として保存され、単色にはその保存された値が使われます。

計算例

rgba(255, 99, 71, 0.5)：255 → FF、99 → 63、71 → 47、0.5 × 255 = 127.5 → 128 → 80なので、CSSのコードは#FF634780、Androidのコードは#80FF6347です。白の上では単色の#FFB1A3に見えます。background: rgba(255, 99, 71, 0.5); border-color: rgb(0 0 0 / 25%);を貼り付けると#FF634780と#00000040が得られ、白に重ねた単色では#FFB1A3と#BFBFBFになります。