タスクの道筋 / 入力から結果へ
RGBA カラーを HEX に変換する方法
- 01
チャンネル値を入力する
「RGB または RGBA カラー」フィールドに rgb() または rgba() の値を入力します。最初は rgba(109, 94, 248, 0.8) が入力された状態で開き、64 文字まで受け付けます。赤・緑・青は 0〜255 の整数、アルファは 0〜1 の数値です。パーセント指定や範囲外のチャンネルは拒否されます。
- 02
変換を実行する
「HEX に変換」を押します。パーサーは変換前にすべてのチャンネルを検証し、フィールドを編集した時点で前の結果はクリアされるので、パネルに古い値が表示されることはありません。
- 03
16 進数の結果を確認する
結果は大文字の 16 進数値です。完全不透明なら #RRGGBB、アルファが 1 未満なら #RRGGBBAA になります。アルファバイトはアルファに 255 を掛けて丸めた値なので、0.8 は 204 になり、CC と書かれます。
- 04
各チャンネルを個別に確認する
結果のチャンネルとプレビューは alpha を 8 ビットに量子化した HEX 出力色です。例えば alpha 0.65 は 166/255 となり 0.65098 と表示されます。入力 alpha の複製ではなく出力の表示です。
- 05
サンプルの変換を読み込む
「サンプルを読み込む」を押すと、完全な実行例を見られます。rgba(14, 165, 233, 0.65) は #0EA5E9A6 に変換されます。0.65 × 255 は 166 に丸められ、16 進数では A6 だからです。「リセット」でデフォルトの入力 rgba(109, 94, 248, 0.8) に戻ります。
- 06
結果をコピーまたはダウンロードする
「出力をコピー」で 16 進数値をコピーするか、「ダウンロード」で toolars-color-hex.txt として保存します。どちらも変換が成功するまで無効のままです。