HEX-zu-RGB-Konverter

Im Browser Aktualisiert 07/2026

Füge einen HEX-Farbwert ein, bewege die RGB- oder HSL-Schieberegler oder nutze die visuelle Farbauswahl, um eine Farbe in Echtzeit zwischen HEX, RGB, HSL und CMYK umzuwandeln.

Gib einen 3- oder 6-stelligen HEX-Code ein, mit oder ohne #.
Löschen

Was ist ein Farbumrechner?

Ein Farbumrechner überträgt eine einzelne Farbe zwischen den Formaten, die im Web, im Design und im Druck eingesetzt werden. Derselbe Blauton lässt sich als #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%) oder cmyk(56%, 22%, 0%, 30%) schreiben - die Notationen unterscheiden sich, beschreiben aber dieselbe Farbe.

Übersicht der Farbformate

  • HEX - 6-stelliger Hex-Code für CSS und Designwerkzeuge, z. B. #4F8AB2.
  • RGB - Rot-, Grün- und Blauanteil von 0 bis 255 - Standard in CSS und vielen APIs.
  • HSL - Hue (0-360), Sättigung (%) und Helligkeit (%) - intuitiv für visuelle Anpassungen.
  • CMYK - Cyan, Magenta, Gelb, Key - Vierfarbformat für den Druck.

Nutze dieses Tool von deinem KI-Agenten aus

Kostenlose JSON-API und Model Context Protocol (MCP)-Server. Keine Anmeldung, kein API-Schlüssel, CORS offen. Für Claude, ChatGPT, Cursor, Skripte und Frontend-Apps konzipiert. 

curl -X POST https://mate.tools/api/v1/color-convert.php \
  -H "Content-Type: application/json" \
  -d '{"color":"#FF5733"}'
import urllib.request, json

req = urllib.request.Request(
    "https://mate.tools/api/v1/color-convert.php",
    data=json.dumps({"color":"#FF5733"}).encode(),
    headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
    print(json.load(r))
const r = await fetch("https://mate.tools/api/v1/color-convert.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({"color":"#FF5733"}),
});
console.log(await r.json());

Hinzufügen zu claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) oder einem anderen MCP-kompatiblen Client: 

{
  "mcpServers": {
    "mate-tools": {
      "command": "npx",
      "args": ["-y", "@mate-tools/mcp-server"]
    }
  }
}
API-Dokumentation OpenAPI 3.1 npm 60 Anf./min · 600 Anf./Stunde · max. 1 MB Body

Häufig gestellte Fragen

Zerlege den HEX-Code in drei Paare und wandle jedes Paar von hexadezimal in dezimal um. Für #4F8AB2 ergibt sich: 4F = 79, 8A = 138, B2 = 178 → rgb(79, 138, 178). Der Konverter übernimmt diesen Vorgang in Echtzeit.

HEX, RGB und HSL beschreiben dieselbe RGB-Farbe in unterschiedlichen Schreibweisen: HEX ist kompakt, RGB liefert die direkten Kanalwerte und HSL ist intuitiv für Anpassungen von Farbton, Sättigung und Helligkeit. CMYK ist ein eigenes Vierfarbformat für den Druck - es wird aus RGB berechnet und kann am Bildschirm leicht abweichen.

Ja. Bei der Kurzform wird jede Stelle verdoppelt: #FA0 entspricht #FFAA00. Der Konverter akzeptiert beide Schreibweisen, mit oder ohne führendes #.

Bildschirme nutzen additives RGB, der Druck arbeitet subtraktiv mit CMYK, und nicht jede RGB-Farbe hat eine perfekte CMYK-Entsprechung. Profi-Designsoftware arbeitet mit Papier-, Tinten- und Druckerprofilen - die Werte hier sind eine mathematische Umrechnung als Ausgangspunkt.

RGB-Kanäle werden auf 0-255 begrenzt, Sättigung und Helligkeit auf 0-100 %. Der Farbton wird im Bereich 0-360 Grad gehalten. Werte außerhalb des gültigen Bereichs werden gerundet und alle anderen Formate aktualisieren sich entsprechend.

Wandle HEX-Farbcodes präzise in RGB-Werte um. Gib einfach den HEX-Code ein und erhalte sofort die RGB-Entsprechung.

Wie wandle ich HEX in RGB um?

Ein HEX-zu-RGB-Konverter wandelt einen Hex-Farbcode wie #FF8800 in RGB-Werte für Design-Tools und Code um. Jedes Paar Hex-Ziffern ist ein Kanal — Rot, Grün und Blau — mit einem Wert von 0 bis 255.