Skip to content
uencoder
PIPELINE Web Development Intermediate 2 steps

Encode a text payload for URL transport

When you need to move arbitrary text through URL parameters, percent-encoding ensures special characters survive. The hex view confirms exactly what bytes will travel through the URL.

What it solves

Percent-encode text then show its hex representation for safe URL parameter transport.

Input → Output

URL Encoder input → Hex Encoder output across 2 steps.

Runs in

1–2 minutes · fully local in your browser.

Before you start

  • Text to encode for URL transport

The pipeline

  1. 1 URL Encoder url-encode

    Percent-encode text for safe use in URLs. Free, private, and 100% client-side.

    Params: mode=component

  2. 2 Hex Encoder hex-encode

    Encode text to hexadecimal online. Free, private, and 100% client-side.

Open in Toolchain

Runs locally in your browser. The recipe defines the pipeline only — your input never leaves this tab.

▶Run this workflow

Enter your input below and click Run. All processing happens locally in your browser — nothing is uploaded.

Pipeline progress

  1. URL Encoderurl-encode
  2. Hex Encoderhex-encode

Sample input

hello world

Expected output

68656C6C6F253230776F726C64

This pair is executed against the real tools at build time (tests/unit/recipes.test.ts) — the expected output is verified, not illustrative.

Related workflows

You might also need

Workflows sharing tools or topics with this recipe.

Learn more

Tools used