HEX-zu-RGB-Konverter
Wandle HEX-Farbcodes präzise in RGB-Werte um. Gib einfach den HEX-Code ein und erhalte sofort die RGB-Entsprechung.
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.
HEX manuell in RGB umrechnen
Eine HEX-Farbe besteht nur aus drei Paaren hexadezimaler Ziffern (Basis 16). Wandle jedes Paar in eine Dezimalzahl von 0 bis 255 um.
- Teile den 6-stelligen HEX-Wert in drei Paare: RR, GG, BB (das führende # weglassen).
- Multipliziere bei jedem Paar die erste Ziffer mit 16 und addiere die zweite Ziffer (A=10, B=11, … F=15).
- Die drei Ergebnisse sind deine Werte für Rot, Grün und Blau.
Beispiel: #4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178).
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"]
}
}
}Häufig gestellte Fragen
Wird oft zusammen verwendet mit: Farbpalette aus Foto erstellen · Farbauswahl für Bilder