RGBアルファのソースオーバー合成計算
前景色と背景色を個別の不透明度で合成し、通常と乗算済みの出力チャンネルを表示します。
計算結果
結果
—
計算手順
手順を1つずつ、またはまとめて表示できます。現在の入力値を使った計算手順です。
計算方法
事前にアルファ線によって両方の色が生成され、アルファ線がゼロでないときにアルファ線を回復するためにソース線の構成と分割を適用する。
αout=αf+αb(1−αf); premultiplied C=αfCf+αb(1−αf)Cb
計算例
不透明な青色の半透明の赤は、アルファ1とエンコードされたチャンネルRGB(127.5、0,127.5、および#800080に丸みを帯びる。
前提条件と入力上の注意
6桁のsRGBヘキササイズのストレートアルファ、不透明 0 – 100% 。算術は、線形光変換やその他のブレンドモードなしで、符号化されたsRGBチャネルで明示的に実行される。この規則は、カラー管理された線形光レンダリングとは異なる場合がある。ゼロ出力アルファでは、ストレートRGBは未定義であり、次のように報告される。ヘックスは各チャネルを8ビットバイトに出力する。画像のアップロードや編集は行われない。
参考資料： W 3C:単純なアルファコンポジット
このツールの使い方
自分の値を入力できますか？
はい。入力例をご自身の値に変更してください。結果・計算手順・表・対応する図が入力に応じて更新されます。空欄や無効な値がある場合は結果を消去し、不足した入力を自動的に例の値で補うことはありません。
結果は厳密ですか？
浮動小数点演算を使用し、表示時に丸めています。計算式・前提条件・記載されたデータ精度を確認して結果を解釈してください。
入力内容は送信されますか？
計算はブラウザー内で行います。アカウント・ファイルのアップロード・外部AIサービスは不要です。ページを再読み込みすると入力値は保持されません。
不透明なsRGB色をHEX、整数RGB、HSLの間で変換し、丸め前の値と最も近い8ビットHEXを表示します。
不透明な2つのsRGB色を比較し、文字の見本と、通常・大きな文字に対するWCAG 2.2のコントラスト基準を確認します。
2つの回転を表す単位四元数の間を、最短の弧に沿って補間します。
広告掲載用スペースです。