HEX naar RGB Converter
Converteer HEX kleurcodes naar RGB waarden voor webdesign en grafische projecten. Voer eenvoudig de HEX-code in en ontvang de RGB-uitvoer.
Wat is een kleurconverter?
Een kleurconverter zet één kleur om tussen de formaten die op het web, in design en in print worden gebruikt. Dezelfde tint blauw kan geschreven worden als #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%) of cmyk(56%, 22%, 0%, 30%) - de formaten verschillen, de kleur blijft dezelfde.
Overzicht van kleurformaten
- HEX - Hexadecimale code van 6 tekens, gebruikt in CSS en designtools, zoals #4F8AB2.
- RGB - Rood-, Groen- en Blauwwaarden van 0 tot 255 - gebruikt door CSS en de meeste API's.
- HSL - Tint (0-360), Verzadiging (%) en Helderheid (%) - intuïtiever voor visuele aanpassingen.
- CMYK - Cyaan, Magenta, Geel, Zwart - vierkanaalsformaat voor druk.
Hoe je HEX handmatig naar RGB omzet
Een HEX-kleur bestaat simpelweg uit drie paren hexadecimale cijfers (grondtal 16). Zet elk paar om naar een decimaal getal van 0 tot 255.
- Splits de HEX van 6 tekens in drie paren: RR, GG, BB (laat de # aan het begin weg).
- Vermenigvuldig bij elk paar het eerste cijfer met 16 en tel het tweede cijfer erbij op (A=10, B=11, … F=15).
- De drie uitkomsten zijn je waarden voor Rood, Groen en Blauw.
Voorbeeld: #4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178).
Gebruik deze tool vanuit je AI-agent
Gratis JSON-API en Model Context Protocol (MCP)-server. Geen registratie, geen API-sleutel, CORS open. Ontworpen voor Claude, ChatGPT, Cursor, scripts en frontend-apps.
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()); Voeg toe aan claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) of een andere MCP-compatibele client:
{
"mcpServers": {
"mate-tools": {
"command": "npx",
"args": ["-y", "@mate-tools/mcp-server"]
}
}
}Veelgestelde vragen
Vaak samen gebruikt met: Kleurpalet uit foto halen · Kleurkiezer voor Afbeeldingen