OpenReplay Logo
12k
12k

HEX → RGBA 変換ツール

16 進数カラーを rgba() 表記に変換します。3 桁、6 桁、8 桁いずれかの 16 進数値を貼り付けて不透明度を設定するだけ。変換はブラウザ内で実行されます。

HEX 入力 ローカルで処理されます
RGBA 結果 履歴 まだありません
rgba(57, 77, 254, 0.5) アルファ 0.5

このツールについて

RGBA は、透明度のためのアルファチャンネル(0–1)で RGB 表記を拡張したものです。16 進数カラーを rgba() に変換するのは、CSS で既存のブランドカラーやデザイントークンの色に不透明度を加える最も手早い方法です。

不透明な 16 進数値を半透明のオーバーレイ、ボーダー、シャドウに変えたり、8 桁の 16 進数値を等価な rgba() に展開したりするのにご利用ください。

8 桁の 16 進数値(#394dfe80)は独自のアルファを持ち、アルファ入力欄より優先されます。

よくある質問

HEX を RGBA に変換するには?

16 進数値を 2 桁ずつに分割し、それぞれを 16 進数から 0–255 の 10 進数に変換して、0–1 のアルファ値を付け加えます。不透明度 50% の #394DFE の場合:39 は 57、4D は 77、FE は 254 になり、rgba(57, 77, 254, 0.5) が得られます。このツールは入力と同時に瞬時に変換します。

アルファはどこから来ますか?

アルファ入力欄(0–1)から、または #394dfe80 のような 8 桁の 16 進数値の最後の 2 桁からです。両方ある場合は 8 桁の値が優先されます。

対応している形式は?

#rgb#rgba#rrggbb#rrggbbaa — 先頭の # はあってもなくても構いません。

元に戻せますか?

はい。RGBA から HEX への変換ツールが逆の処理を行い、rgba() カラーを 8 桁の 16 進数に平坦化します。