HEX不透明度計算ツール
不透明度のパーセンテージを、8桁CSS HEXカラー(#rrggbbaa)用の2桁HEXアルファ接尾辞に変換します。
このツールは役に立ちましたか？
ありがとうございます。ツールの改善に役立てます。
このツールの使い方
- 不透明度のパーセンテージ(0–100)を設定してください。
- 6桁のベースHEXカラーを入力してください。
- 8桁HEX(例:#3a86ffcc)をCSSにコピーしてください。
モダンCSSは8桁HEXカラー(#rrggbbaa)をサポートしており、末尾二桁がアルファチャンネルを表します。このツールは不透明度のパーセンテージをそのHEXバイトに変換します。
計算式
The 8-bit alpha value for an opacity percentage p is:
alpha = round(p / 100 × 255)
The two-digit hex alpha byte is the zero-padded hexadecimal representation of that integer. The full 8-digit CSS hex color is:
#RRGGBB + alpha_hex
For example, 50% opacity → round(0.50 × 255) = 128 → hex 80 → #rrggbb80.
よくある質問
- 8桁HEXカラーとは何ですか?
- #rrggbbaaの形式で、aaがアルファチャンネルです:00 = 完全に透明、ff = 完全に不透明。CSS Color Level 4でサポートされています。
- 50%は正確に0x80ですか?
- 50% × 255 = 127.5で、これは128 = 0x80に丸められます。127との視覚的な差はほとんど分かりません。