HSLからRGBAへ

HSLとRGBAを比較する

HSL、HLS、またはHSI（英語の色相、彩度、明度（強度）から）は、色座標が色相、彩度、明度であるカラーモデルです。 HSVとHSLは2つの異なるカラーモデル（明るさ、明るさとは異なります）であることに注意してください。 HSLカラーモデルを使用すると、円柱状のカラー座標系の投影でベースRGBモデルを解釈できます。カラーリストは、HSLを使用すると、通常のRGBモデルよりも人間が読める形式で色を指定できると考えています。略語HSLは、色相（色/色相）、彩度（彩度）、明度/輝度（明るさ、明るさと混同しないでください）として解釈されます。最初の要素（色相）は、カラーホイール内の色座標（0度から360度）を示します。 2番目の係数（Saturation）は、飽和値をパーセンテージ（0％から100％）で表します。最後の要素（明度）は、明度のパーセンテージ（0％から100％）を示します。

RGBAは、赤、緑、青のアルファの略です。 色空間と呼ばれることもありますが、実際には3チャンネルのRGBカラーモデルであり、4番目のアルファチャンネルが追加されています。 アルファは、各ピクセルの不透明度を指定し、アルファブレンドを使用して、透明な領域と不透明な領域のエッジを滑らかにすることで、画像を他のピクセルと組み合わせることができます。 RGBA形式は構文がRGBに似ていますが、要素の透明度を制御するアルファチャネルが含まれています。 値0は完全な透明度、1は不透明度、0.5などの中間値は半透明度に対応します。 RGBAはCSS3で追加されたため、CSSコードの検証はこのバージョンを使用して実行する必要があります。 CSS3標準はまだ開発中であり、その一部の機能が変更される可能性があることに注意してください。 たとえば、background-colorプロパティに追加されたRGBカラーは検証されますが、backgroundプロパティに追加されたカラーは検証されなくなりました。 同時に、ブラウザは両方のプロパティの色を非常に正しく理解します。