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.
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.
Jak ręcznie przeliczyć HEX na RGB
Kolor HEX to po prostu trzy pary cyfr szesnastkowych (o podstawie 16). Przelicz każdą parę na liczbę dziesiętną od 0 do 255.
- Podziel 6-cyfrowy HEX na trzy pary: RR, GG, BB (pomiń # na początku).
- Dla każdej pary pomnóż pierwszą cyfrę przez 16 i dodaj drugą (A=10, B=11, … F=15).
- Trzy wyniki to wartości czerwieni, zieleni i niebieskiego.
Przykład: #4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178).
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"]
}
}
}Najczęściej zadawane pytania
Często używane razem z: Uzyskaj paletę kolorów z zdjęcia · Wybór kolorów z obrazka