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.
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.
HEX
RGB
HSL
CMYK
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"]
}
}
}