HEX を RGBA に変換するツールです。デザインの HEX を CSS の rgb() / rgba() にします。透明度は 0–1、0–255、%。#FF573380 は rgba(255, 87, 51, 0.5) です。
例 — スウォッチをクリック
クリックするとコピーします
複数の色を一度に変換します。1 行ずつ、または #3B82F6, #FF573380 のようにカンマ区切り。「例を入れる」で 3 行入り、下に表が出ます。
HEX を RGBA に変換するツールです。デザインの HEX を CSS の rgb() / rgba() にします。#F53、#FF5733、透明付き #FF573380 に対応。#FF573380 は rgba(255, 87, 51, 0.5) です。
HEX・HEX8・rgb()・rgba()、または 255, 87, 51 を貼ります。R/G/B/A のスライダーか数値を動かします。アルファは 0–1、0–255、% です。チャネルをクリックするとコピーします。例は #FF573380 です。対応ブラウザでは画面から採取できます。
8 桁 HEX の末尾 2 桁がアルファです。80 は 128 で、128/255 ≈ 0.502 です。不正な HEX はメッセージだけ出します。関連: HEX to RGB。
Figma の HEX を CSS の rgba() に載せるとき、短縮 #RGB の展開を確認するときに使います。
使えます。各桁が倍になり #FF5533、つまり rgb(255, 85, 51) になります。