Konwerter HEX na RGB
Przekształć kody kolorów HEX na RGB w mgnieniu oka. Wprowadź kod HEX, a nasz konwerter natychmiast pokaże odpowiadające wartości RGB.
Wklej kolor HEX, przesuń suwaki RGB lub HSL albo użyj wizualnego selektora, aby na bieżąco przeliczać kolor między HEX, RGB, HSL i CMYK.
HEX
RGB
HSL
CMYK
Co to jest konwerter kolorów?
Konwerter kolorów tłumaczy ten sam kolor między formatami używanymi w sieci, projektowaniu i druku. Ten sam odcień niebieskiego można zapisać jako #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%) albo cmyk(56%, 22%, 0%, 30%) - formaty służą różnym narzędziom, ale opisują ten sam kolor.
Słownik formatów kolorów
- HEX - 6-znakowy kod heksadecymalny używany w CSS i programach graficznych, np. #4F8AB2.
- RGB - Składowe Czerwona, Zielona i Niebieska w zakresie 0-255 - używane w CSS i większości API.
- HSL - Odcień (0-360), Nasycenie (%) i Jasność (%) - łatwiejszy do wizualnego dostrajania.
- CMYK - Cyjan, Magenta, Żółty, Czarny - czterokanałowy format używany w druku.
Użyj tego narzędzia z poziomu swojego agenta AI
Bezpłatne API JSON i serwer Model Context Protocol (MCP). Bez rejestracji, bez klucza API, CORS otwarty. Stworzone dla Claude, ChatGPT, Cursor, skryptów i aplikacji frontendowych.
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()); Dodaj do claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) lub dowolnego innego klienta zgodnego z MCP:
{
"mcpServers": {
"mate-tools": {
"command": "npx",
"args": ["-y", "@mate-tools/mcp-server"]
}
}
}