16進数からRGB

3 桁または 6 桁の 16 進カラーを赤、緑、青のチャネル値に変換します。

16進色
RGB値
プレビュー

CSS 16 進カラーを RGB チャネルに変換

Hex から RGB は、CSS スタイルの 16 進数カラーを赤、緑、青のチャネル値に変換します。 デザイン トークン、スタイルシート カラー、スクリーンショット、またはパレット値を rgb(r, g, b) 表記に変換するときに使用します。

このツールは、先頭の # の有無にかかわらず、#F53 などの 3 桁の短縮表記と、#FF5733 などの 6 桁の値を受け入れます。各チャンネルは 0 から 255 までの番号です。

使い方

  1. 入力フィールドに 16 進数のカラー コードを入力するか貼り付けます。
  2. RGB 値と色のプレビューが自動的に更新されるのを確認してください。
  3. 生成されたサンプル カラーが必要な場合は、ランダム カラーを選択 をクリックします。
  4. コピー を使用して RGB 値をコピーします。

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

16 進数から RGB への変換 は、#FF5733 のような色を 3 バイト サイズの 16 進数ペアに分割します。赤は FF、緑は 57、青は 33 です。これらのペアは、10 進数のチャネル値 255、87、および 51 になります。

入力についての注意

有効な 16 進数 0-9 および A-F を使用してください。このコンバータは RGB のみを出力します。アルファまたは不透明度の値は RGBA ワークフローに属します。

例

16 進カラー #FF5733 は、赤 255、緑 87、青 51 にマッピングされます。

--- 16進数入力 ---
#FF5733

--- RGB出力 ---
rgb(255, 87, 51)

MCP 連携

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

MCP ツール名: hex-to-rgb

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-rgb","arguments":{"input":"#3366CC"}}}'

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