16進数からRGBA

不透明度スライダーを使用して、16 進数の色を赤、緑、青、およびアルファ値に変更します。

16進色

不透明度 100%

RGBA値

16 進カラーを不透明度のある RGBA に変換します

Hex から RGBA は、CSS 16 進数カラーを赤、緑、青、およびアルファ表記に変換します。 透明なオーバーレイ、UI カラートークン、CSS 値、または不透明度のあるプレビュー可能な色が必要な場合に使用します。

16 進数入力は、# の有無にかかわらず、3 桁の短縮記法または 6 桁の色にすることができます。 RGB チャネルは 0-255 ですが、不透明度スライダーは 0% から 100% を 0 から 1 のアルファ値に変換します。

使用方法

入力フィールドに 16 進数のカラーコードを入力します。
アルファ値が必要な透明度に一致するまで、不透明度スライダーを調整します。
RGBA 出力、チャネル値、およびチェッカーボードのプレビューを確認します。
RGBA 値をコピーするか、簡単なテストのためにランダムな色を使用します。

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

16 進数から RGBA への変換 は、16 進数カラーを赤、緑、青のチャンネルに分割し、透明度のためにアルファチャンネルを追加します。 Alpha 1 は完全に不透明、0.5 は 50% の不透明度、0 は完全に透明です。

メモを入力する

有効な 16 進カラー数字を使用し、不透明度を慎重に設定してください。デザインシステムによっては、アルファを 10 進数として保存するもの、パーセントとして保存するもの、8 桁の 16 進数の接尾辞として保存するものがあるため、コピーする前にターゲット形式を確認してください。

例

50% の不透明度設定では、#FF5733 がアルファ 0.5 の RGBA カラーに変わります。

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

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

MCP 連携

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

MCP ツール名: hex-to-rgba

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":"hex-to-rgba","arguments":{"input":"#3366CC","options":{"alpha":0.65}}}}'

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