RGB zu Hex

Wandeln Sie die Werte der roten, grünen und blauen Kanäle in einen hexadezimalen CSS-Farbcode um.

RGB-Farbe
Rot (R)
Grün (G)
Blau (B)
Werte von 0 bis 255 pro Kanal
Hex-Farbe
Das Ergebnis wird hier angezeigt
Vorschau

Konvertieren Sie RGB-Kanäle in CSS-Hex-Farben

RGB zu Hex konvertiert Rot-, Grün- und Blaukanalwerte in eine CSS #RRGGBB Farbe. Verwenden Sie es, wenn Sie Farben aus Designtools, Canvas-Ausgaben, Screenshots oder berechneten Stilen in Hex-basierte Paletten verschieben.

Jeder RGB-Kanal muss eine Ganzzahl von 0 bis 255 sein. Der Konverter füllt einstellige Hexadezimalwerte automatisch auf, sodass der Kanalwert 5 im endgültigen Farbcode zu 05 wird.

Anleitung

  1. Geben Sie Rot-, Grün- und Blauwerte von 0 bis 255 ein.
  2. Überprüfen Sie die generierte Hex-Farbe und das Live-Vorschau-Farbfeld.
  3. Klicken Sie auf Wählen Sie eine zufällige Farbe aus, um die Kanäle mit einer Beispielfarbe zu füllen.
  4. Verwenden Sie Kopieren, um den Hex-Farbcode zu kopieren.

Was ist die Konvertierung von RGB in Hex?

RGB zur Hex-Konvertierung wandelt drei dezimale Farbkanäle in drei zweistellige Hexadezimalpaare um. Rot, Grün und Blau werden dann als #RRGGBB kombiniert, das übliche CSS-Hex-Farbformat.

Eingabehinweise

Verwenden Sie nur ganzzahlige Kanalwerte. Werte außerhalb von 0-255, Prozentsätze, HSL-Werte und Alphawerte müssen konvertiert werden, bevor sie in eine standardmäßige 6-stellige Hexadezimalfarbe umgewandelt werden können.

Beispiel

RGB Rot 255, Grün 87 und Blau 51 ergeben zusammen #FF5733:

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

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

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

MCP-Integration

MCP (Model Context Protocol) ermöglicht KI-Agenten und Apps, Coding.Tools-Werkzeuge zu entdecken und für wiederholbare Konvertierungs-, Formatierungs-, Hashing- und Generierungsabläufe auszuführen.

MCP-Toolname: rgb-to-hex

MCP-Endpunkt: https://coding.tools/mcp

Rufen Sie zuerst tools/list auf. Jeder Tool-Eintrag enthält inputSchema, outputSchema und examples, damit ein KI-Agent oder Client gültige Argumente ohne Raten erstellen kann.

Bei tools/call lesen Sie result.content[0].text für den Anzeigewert und result.structuredContent für maschinelles Parsen. Tool-Fehler liefern isError: true; Protokollfehler liefern einen JSON-RPC error.

Beispiel für eine tools/call-Anfrage:

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}}}}'

Die meisten Text- und Datentools akzeptieren eine input-Zeichenkette sowie optionale options. Bildtools, die Browser-Bild-APIs benötigen, werden zur Erkennung aufgelistet und geben bei Bedarf einen Link zur Weboberfläche zurück.