URL Encoder & Parser Online – Query Editor, Percent Encoding, UTF-8

Percent-encode or decode URLs, parse scheme/host/path/query components, and edit query parameters in a table with encoding toggle. UTF-8 support; runs in your browser.

What is URL Encoding?

URL encoding (percent encoding) is a method to encode special characters in URLs so they can be safely transmitted over the internet. It replaces unsafe ASCII characters with a '%' followed by two hexadecimal digits.

For example, a space character is encoded as '%20'.

How This URL Encoder/Decoder Works

  • Encode / Decode:Convert text or URL fragments to and from percent-encoded form (UTF-8).
  • URL Parse:Break a URL into scheme, host, port, path, query, and fragment.
  • Query Editor:Edit query parameters in a table, toggle percent-encoding, and rebuild the full URL.
  • Local Processing:All conversions happen in your browser for privacy and speed.

Example

Input:

  • Hello, world! こんにちは

Encoded output:

Hello%2C%20world%21%20%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF

Common Use Cases

  • Web Development:Encode URLs for HTTP requests, query strings, and form data.
  • API Integration:Safely transmit data containing special characters via APIs.
  • Internationalization:Handle non-ASCII characters in URLs for global applications.
  • Debugging:Decode URLs to inspect or modify their contents.

Frequently Asked Questions

Q: What characters are encoded?

A: All non-ASCII and reserved characters (such as spaces, /, ?, &, =) are percent-encoded.

Q: Is this tool safe for sensitive data?

A: Yes, all processing is done locally in your browser. No data is sent to any server.

Q: Can I use this tool offline?

A: Yes, it works entirely in your browser without an internet connection.

Best Practices

  • Always Encode URLs:Encode all URLs before sending them in HTTP requests or storing them in databases.
  • Decode for Readability:Decode URLs before displaying them to users or for debugging.
  • Test with Edge Cases:Test with special characters, Unicode, and long URLs.
  • Security Awareness:Never trust unvalidated URLs from untrusted sources.

Related Tools

  • Color Converter - Free online color converter: HEX, RGB, HSL, HSV, HWB, CMYK, and NCol with bidirectional editing. Harmony palettes (complementary, analogous, triadic, square/tetradic, Tailwind CSS scale) plus CSS variables and Tailwind config copy. WCAG 2.1 AA/AAA contrast for foreground vs background (normal and large text), preview, and vs white/black. Color history, one-click copy—runs in your browser.
  • CSS Toolbox - Free online CSS generator and toolbox. Create box-shadow, text-shadow, border-radius, CSS filter, linear/radial/conic gradient, Flexbox, and CSS Grid with live preview and one-click copy. Minify or beautify CSS. Convert px to rem, em, pt, vw, vh, and percent. Runs locally in your browser — no upload.
  • cURL & API Converter - Build HTTP requests and generate code in 8 languages (cURL, Python requests/httpx, JS fetch/axios, Go, PHP, Rust reqwest). Convert Python/JS code back to cURL. Parse Cookie/Set-Cookie headers with security warnings. Analyze HTTP security headers (HSTS, CSP, X-Frame-Options) with A-F grading. All local, nothing sent to server.
  • HTTP Code Generator - Build HTTP/GraphQL requests visually: GraphQL query & mutation templates, OAuth2 Bearer preset, headers, query, JSON body, auth. Export cURL, fetch, Axios, Python requests, Go, Rust, Java.

URL Encoder & Parser Online – Query Editor, Percent Encoding, UTF-8

Mode

Input text
Output
Click to copy