CalcLake

URL Encoder / Decoder

Encode or decode URL components safely.

Developer ToolsLast updated August 2026

Encode or decode URLs, query values, and form data

Encoded

Parsed URL

Protocol
https:
Host
example.com
Path
/search
Query
q = tool hub

Component encodes everything, including & ? / : # — use it for a single query value. Full URI leaves URL structure characters alone — use it for an entire URL. Form matches how HTML forms encode data, using + for spaces instead of %20.

How to use it

  1. 1Choose Encode or Decode.
  2. 2Choose Component (a single value), Full URI (a whole URL), or Form (how HTML forms encode data).
  3. 3Type or paste your text, and read the result instantly — use Swap to feed the output back in and reverse direction.
  4. 4For a full URL, check the parsed breakdown of protocol, host, path, and query parameters below the output.

Supported formats & limits

Works with standard syntax — no file size limit, since everything runs in your browser.

Example

In Component mode, “tool hub” becomes tool%20hub. A full URL like https://example.com/a b should use Full URI mode so the :// stays intact — and when it's a full URL, a parsed breakdown of the protocol, host, path, and each query parameter appears automatically below the output.

How it works

URL encoding replaces characters that aren't allowed in a URL with a percent sign followed by their hex byte value. Component mode encodes every reserved character, since it assumes you're encoding one piece (like a search query) to insert into a URL. Full URI mode leaves structural characters like : / ? # alone, since you're encoding a complete, already-structured URL. Form mode matches how HTML forms actually submit data — identical to Component mode except spaces become + instead of %20.

Frequently asked questions

Related guides

Related tools