Encoders & Generators
Hash and encode text, convert colors, generate UUIDs, slugs, passwords and QR codes — all client-side.
URL Encoder / Decoder
Encode or decode text with encodeURIComponent for safe use in URLs and query strings.
Example
hello world → hello%20world
Which standard?
Standard encodeURIComponent, matching browsers.
HTML Entity Encoder / Decoder
Escape special characters as HTML entities (< > &) or decode them back for safe display.
Example
<div> → <div>
Why encode?
Prevents breaking markup and fixes XSS in display.
Image to Base64
Read a local image and output a Base64 Data URL, or preview a pasted Data URL. No upload.
Example
image.png → data:image/png;base64,...
Stays local?
Yes, the file is read in your browser only.
Hash Calculator (SHA-256 / MD5)
Compute SHA-256 and MD5 digests of any text locally. Useful for quick integrity checks.
Example
hello → 2cf24dba... (sha256)
Is MD5 safe?
MD5 is fine for checksums, not for security.
SHA-256 Generator
Generate a SHA-256 hash using the browser Web Crypto API.
Example
input → 64-hex digest
Collisions?
SHA-256 is collision-resistant for practical use.
MD5 Generator
Generate an MD5 digest, still handy for legacy checksums and caches.
Example
input → 32-hex digest
Use for passwords?
No, use a slow KDF instead.
SHA-1 Generator
Generate a SHA-1 digest for legacy systems that still expect it.
Example
input → 40-hex digest
Still secure?
SHA-1 is deprecated for security; use SHA-256.
SHA-512 Generator
Generate a SHA-512 digest for higher-security hashing needs.
Example
input → 128-hex digest
Longer is better?
Yes, 512 bits for stronger digests.
Color Converter (HEX/RGB/HSL)
Convert a HEX color into RGB and HSL live as you type, with all three shown together.
Example
#f59e0b → rgb(245,158,11) → hsl(38,91%,50%)
Updates live?
Yes, on every keystroke.
HEX to RGB
Convert a HEX color to its RGB components.
Example
#f59e0b → rgb(245, 158, 11)
Alpha supported?
This variant handles opaque hex.
RGB to HSL
Convert RGB to HSL, useful for adjusting lightness and saturation.
Example
rgb(245,158,11) → hsl(38,91%,50%)
Why HSL?
HSL makes lightness easy to tweak.
HSL to HEX
Convert HSL back to a HEX string for CSS.
Example
hsl(38,91%,50%) → #f59e0b
Lossy?
Rounding can shift a value by one unit.
RGB to HEX
Convert RGB components to a HEX color for stylesheets.
Example
rgb(245,158,11) → #f59e0b
Rounding?
Channels round to the nearest integer.
HEX to HSL
Convert a HEX color directly to HSL.
Example
#f59e0b → hsl(38,91%,50%)
One step?
Yes, no manual middle format.
WCAG Color Contrast Checker
Check the contrast ratio between foreground and background colors against WCAG AA and AAA.
Example
#000 on #fff → 21:1 (PASS AA & AAA)
Threshold?
AA needs 4.5:1, AAA needs 7:1 for normal text.
UUID v4 Generator
Create UUID v4 identifiers with crypto.getRandomValues. No server involved.
Example
f47ac10b-58cc-4372-a567-0e02b2c3d479
Unique enough?
V4 randomness is fine for most IDs.
URL Slug Generator
Turn any title into a clean, URL-safe slug with a chosen separator.
Example
My First Post! → my-first-post
Accents removed?
Yes, diacritics are stripped or transliterated.
Password Generator
Generate strong, client-side passwords with optional symbols using cryptographic randomness.
Example
Dk3$mP9qLx2!vN7wR
Stored anywhere?
No, generation happens only in your browser.
Password Strength Checker
Estimate the strength of a password you type, checking length, variety and common patterns.
Example
weak123 → Weak
Is it uploaded?
No, checking is local.
QR Code Generator
Encode text or URLs into a QR code rendered as SVG, entirely in your browser.
Example
https://example.com
Scan offline?
Yes, the code is generated locally.