RGBAから16進数

赤、緑、青、不透明度の値を 16 進数のカラーと不透明度のラベルに変換します。

RGBA色
赤 (R)
緑 (G)
青 (B)
Alpha (A)
16進色
プレビュー

RGBA チャネルを 16 進数と不透明度に変換します

RGBA を 16 進数に変換すると、赤、緑、青のチャンネル値が CSS #RRGGBB カラーに変換され、不透明度がパーセントで表示されます。 透明カラーをトークン ファイル、スタイル ガイド、またはアルファを個別に保存するシステムに移動するときに使用します。

RGB チャネルは 0 から 255 までの整数でなければなりません。このツールではアルファ フィールドは 0-100 パーセントを使用するため、50 は 50% の不透明度を意味し、CSS rgba() 表記のアルファ 0.5 に相当します。

使用方法

  1. 赤、緑、青の値を 0 ～ 255 の範囲で入力します。
  2. アルファを 0 ～ 100 の不透明度のパーセンテージとして入力します。
  3. 16 進数の色、不透明度バッジ、およびチェッカーボードのプレビューを確認します。
  4. 16 進値と不透明度のメモを含む出力をコピーします。

RGBA から 16 進数への変換とは何ですか?

RGBA から 16 進数への変換 は、RGBA カラーの RGB 部分を #RRGGBB に変換します。不透明度は個別のアルファ値であり、このツールは不透明度を 8 桁の 16 進数の色に変換するのではなく、パーセントとして報告します。

メモを入力する

整数の RGB チャネルと不透明度パーセントを使用します。ターゲットが #RRGGBBAA などの 8 桁の CSS 16 進数を予期している場合は、アルファ パーセントを別の 2 桁の 16 進数バイトに変換してから使用してください。

例

不透明度 50% の RGB 255、87、51 は、16 進カラー #FF5733 に不透明度のメモを加えたものになります。

--- RGBA Input ---
rgba(255, 87, 51, 0.5)

--- Hex Output ---
#FF5733
Opacity: 50%

MCP 連携

MCP (Model Context Protocol) により、AI エージェントやアプリは Coding.Tools のユーティリティを発見し、変換、整形、ハッシュ、生成ワークフローで実行できます。

MCP ツール名: rgba-to-hex

MCP エンドポイント: https://coding.tools/mcp

まず tools/list を呼び出してください。各ツールには inputSchema、outputSchema、examples が含まれるため、AI エージェントやクライアントは推測せずに有効な引数を作成できます。

tools/call では、表示用の値は result.content[0].text、機械処理用の値は result.structuredContent を読みます。ツール単位の失敗は isError: true、プロトコル単位の失敗は JSON-RPC error を返します。

tools/call リクエスト例:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"rgba-to-hex","arguments":{"input":{"r":51,"g":102,"b":204,"a":0.65}}}}'

ほとんどのテキストおよびデータツールは input 文字列と任意の options を受け取ります。ブラウザの画像 API が必要な画像ツールは発見用に公開され、必要に応じて Web UI へのリンクを返します。