RGB→16進数

赤、緑、青のチャネル値を CSS 16 進カラー コードに変換します。

RGB色
赤 (R)
緑 (G)
青 (B)
各チャネルの値は 0 から 255
16進色
結果がここに表示されます
プレビュー

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

RGB→16進数 は、赤、緑、青のチャンネル値を CSS #RRGGBB カラーに変換します。 デザイン ツール、キャンバス出力、スクリーンショット、または計算されたスタイルからカラーを 16 進数ベースのパレットに移動するときに使用します。

各 RGB チャネルは 0 から 255 までの整数でなければなりません。コンバーターは 1 桁の 16 進数値を自動的にパディングするため、チャネル値 5 は最終的なカラー コードでは 05 になります。

使い方

  1. 赤、緑、青の値を 0 ～ 255 の範囲で入力します。
  2. 生成された 16 進カラーとライブ プレビュー スウォッチを確認します。
  3. ランダムな色を選択 をクリックして、チャンネルをサンプル カラーで塗りつぶします。
  4. コピー を使用して 16 進カラー コードをコピーします。

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

RGB から 16 進数への変換 は、3 つの 10 進数のカラー チャネルを 3 つの 2 桁の 16 進数のペアに変換します。赤、緑、青は、共通の CSS 16 進カラー形式である #RRGGBB として結合されます。

入力の注意

整数のチャネル値のみを使用してください。 0-255 以外の値、パーセンテージ、HSL 値、およびアルファ値は、標準の 6 桁の 16 進カラーになる前に変換する必要があります。

例

RGB 赤 255、緑 87、青 51 を組み合わせて #FF5733 にします。

RGB: rgb(255, 87, 51)
Hex: #FF5733

RGB: rgb(0, 255, 0)
Hex: #00FF00

RGB: rgb(51, 102, 204)
Hex: #3366CC

MCP 連携

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

MCP ツール名: rgb-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":"rgb-to-hex","arguments":{"input":{"r":51,"g":102,"b":204}}}}'

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