画像とデザインツール

Alpha/不透明度カラー変換

一般的な CSS alpha 色形式をブラウザー内で変換し、指定した単色背景に合成します。

ブラウザ内で処理登録不要プライバシーの説明 ↗

基本色は #RGB または #RRGGBB、不透明度は 0~100%、背景は不透明な単色です。既存値は #RGBA、#RRGGBBAA、rgba(r,g,b,a)、rgb(r g b / a) に対応し、alpha は 0~1 または百分率です。HEX8 は #RRGGBBAA です。合成色は sRGB 各チャンネルの source-over で計算し、0~255 に丸めます。

色の値はこのブラウザー内に留まり、送信されません。

使い方

使い方

  1. 基本 HEX 色、不透明度、不透明背景を入力するか、対応する alpha 色を貼り付けます。
  2. 必要なら既存値を読み取り、現在の基本色と不透明度を変換します。
  3. HEX8、rgba()、alpha バイト、合成色を確認します。

式と範囲

HEX8 は末尾に alpha バイトを持ち、合成色は sRGB 各チャンネルの source-over を丸めます。不透明な単色背景1つに限定します。

ローカル処理

解析と計算はブラウザー内だけで行い、値を送信または保存しません。

よくある質問

あわせて知りたいこと

HEX8 の alpha はどこですか?

末尾2桁です(#RRGGBBAA)。

背景で合成色が変わるのはなぜですか?

半透明の前景が一部を、背景が残りの可視チャンネルを構成するためです。