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 進数に平坦化します。