RGBA
「Red Green Blue Alpha」の略です。
RGBAは、RGBモデルを基にしたカラーモデルです。赤、緑、青の光を混ぜてスペクトル内のあらゆる色を作り、さらに透明度を表す4番目の値としてアルファを加えます。これは、透明度を段階的に変化させる必要がある画像編集やWebグラフィックスでよく使われる標準的なカラーモデルです。
RGBAカラーモデルは、RGBと同じく加法混色です。3つの色チャンネルが最大値になると白色光になり、最小値になると黒になります。アルファチャンネルは透明度を表す別の値を追加し、0%(完全に透明)から100%(完全に不透明)までの範囲になります。その中間の透明度を指定すると、一部の背景色が透けて見えるピクセルになります。たとえば、ドロップシャドウを使った画像では、徐々に透明になるピクセルのグラデーションによって、背後の背景を暗くする影を作ります。
RGBA画像で最も一般的な色深度は、1ピクセルあたり32ビットです。赤、緑、青、アルファにそれぞれ8ビットを使います。各8ビットの色チャンネルには0~255の値を設定できるため、24ビットのTrue Color RGB画像と同じ数の色(256 x 256 x 256 = 16,777,216色)に加えて、各ピクセルに256段階の透明度を設定できます。ただし、画像編集ソフトでは各RGB値を0~255の範囲で表示するのに対し、透明度の値は0~100%の範囲で表示されます。
RGBAの例
CSSでは、RGBA値をテキストやグラフィックスの色を設定する方法の1つとして使用できます。赤、緑、青の値は0~255の数値として入力し、アルファ値は0.0~1.0の数値として入力します。たとえば、次の値を指定すると完全に不透明な青いテキストになります。
rgba(0, 0, 255, 1.0)
次の例では、半透明の青いテキストになります。
rgba(0, 0, 255, 0.5)
NOTE: .PNGおよび.TIFFファイル形式は32ビットRGBA画像をサポートしており、.PSDなどのプロ向け画像編集ソフトの形式も同様です。.GIFファイル形式は透明度をサポートしていますが、アルファチャンネルは含まれず、代わりにルックアップテーブル内の1つの色を透明として定義します。
知識をテストする