Chain the tools.

1. 01
   /color

   Paste your brand hex. Note the HSL and OKLCH forms. Click a stop on the ramp to jump to tint / shade neighbours.

2. 02
   /gradient

   Set two stops: your brand color at 50%, white at 0%, black at 100%. Set interpolation to oklch. Copy the SVG — that's your ramp preview.

3. 03
   /contrast

   Test shade-700 (your brand mixed 70% with black) against white. Confirm ≥ 4.5:1 for body text. Adjust if needed.

4. 04
   /json-yaml

   Paste your 11 hex values into a JSON object keyed by 50/100/.../900/950. Convert to YAML for Tailwind/theme configs.

Outcome A W3C-compliant color scale with pre-tested contrast, ready to drop into a design system.

1. 01
   /regex

   Paste log excerpts. Use pattern /eyJ[A-Za-z0-9\-_]+\.eyJ[A-Za-z0-9\-_]+\.[A-Za-z0-9\-_]+/g to find all JWTs. Copy the first match.

2. 02
   /jwt

   Paste the JWT. Inspect the payload — note the 'exp' (expiration) and 'iat' (issued-at) fields as Unix timestamps.

3. 03
   /timestamp

   Paste the exp/iat values. Convert to human-readable. Confirm whether the token is still valid or should be rotated.

4. 04
   /base64

   If a claim is base64 inside the payload (binary user ID, for instance), decode it here to inspect.

Outcome You know exactly what the token carries, when it expires, and whether rotation is urgent — without pasting a secret into a third-party service.

1. 01
   /slugify

   Paste 20 article titles, one per line. Turn on 'Truncate at 60 chars'. Copy the slugs.

2. 02
   /hash

   For each title, compute SHA-256. First 8 hex chars make a stable cache key. Useful for CDN purge lists.

3. 03
   /json-yaml

   Compose {slug, cacheKey} pairs as an array of objects. Validate as JSON, export to YAML for your CMS fixtures.

Outcome Deterministic mapping from title → slug → cache key, suitable for static-site builds and invalidation scripts.

1. 01
   /diceware

   Generate a 6-word passphrase. Note the entropy shown — aim for ≥ 77 bits. Regenerate until you like the words.

2. 02
   /uuid

   Generate one UUID v7 — time-ordered, suitable as a recovery ID that sorts by creation.

3. 03
   /hash

   Hash the passphrase with SHA-256 as a fingerprint you can share with support without revealing the passphrase itself.

Outcome A memorable, strong passphrase, a sortable recovery ID, and a shareable fingerprint. No third-party password manager involved.

1. 01
   /palette

   Enter your seed color and a harmony (triad, complement, etc.). Palette emits 5 stops with their WCAG contrast vs. white and black.

2. 02
   /contrast

   For any pair the palette shows failing, open contrast and adjust one side (via OKLCH lightness — see the color tool) until AA passes.

3. 03
   /color

   Use the tint/shade ramp on each fixed color to pick the nearest accessible neighbour. Copy that hex back into your palette definition.

Outcome A brand palette where every on-brand foreground/background pair passes WCAG AA for body text.

1. 01
   /color

   Grab two brand colors. Jot their OKLCH lightness values — you want a gap ≥ 10 for a visible ramp.

2. 02
   /gradient

   Linear, 135°, interpolation oklch, add a midpoint if the ramp crosses a hue-shift. Copy the CSS and the SVG.

3. 03
   /contrast

   If white text sits on the gradient, check contrast against the darkest stop and the lightest stop. Both must pass.

Outcome A hero background that looks right in every browser (sRGB fallback) and renders crisply as SVG for static exports.