Hexadezimal zu RGBA

Wandeln Sie Hex-Farben mit einem Deckkraft-Schieberegler in Rot-, Grün-, Blau- und Alpha-Werte um.

Hex-Farbe
Deckkraft 100%
RGBA-Wert
Vorschau

Konvertieren Sie Hex-Farben mit Deckkraft in RGBA

Hex zu RGBA konvertiert eine CSS-Hex-Farbe in Rot-, Grün-, Blau- und Alpha-Notation. Verwenden Sie es, wenn Sie eine transparente Überlagerung, ein UI-Farbtoken, einen CSS-Wert oder eine vorschaubare Farbe mit Deckkraft benötigen.

Die Hex-Eingabe kann eine 3-stellige Abkürzung oder eine 6-stellige Farbe mit oder ohne # sein. RGB-Kanäle sind 0-255, während der Deckkraftregler 0% bis 100% in Alphawerte von 0 bis 1 umwandelt.

Wie zu verwenden

  1. Geben Sie im Eingabefeld einen hexadezimalen Farbcode ein.
  2. Passen Sie den Deckkraft-Schieberegler an, bis der Alpha-Wert der von Ihnen benötigten Transparenz entspricht.
  3. Überprüfen Sie die RGBA-Ausgabe, die Kanalwerte und die Schachbrettvorschau.
  4. Kopieren Sie den RGBA-Wert oder verwenden Sie zum schnellen Testen eine zufällige Farbe.

Was ist die Konvertierung von Hex in RGBA?

Hex zu RGBA-Konvertierung teilt eine Hex-Farbe in rote, grüne und blaue Kanäle auf und fügt dann einen Alpha-Kanal für Transparenz hinzu. Alpha 1 ist vollständig undurchsichtig, 0.5 ist 50 % undurchsichtig und 0 ist vollständig transparent.

Eingabenotizen

Verwenden Sie gültige hexadezimale Farbziffern und legen Sie die Deckkraft bewusst fest. Einige Designsysteme speichern Alpha als Dezimalzahl, manche als Prozentzahl und manche als 8-stelliges Hexadezimalsuffix. Bestätigen Sie daher vor dem Kopieren das Zielformat.

Beispiel

Eine Deckkrafteinstellung von 50 % verwandelt #FF5733 in eine RGBA-Farbe mit Alpha 0,5:

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

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

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: hex-to-rgba

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

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.