Tool Guide

Tips, tricks, and best practices for getting the most out of our creative utility suite.

Color & Imagery

Whether you are designing a brand or optimizing a website, our visual tools run entirely in your browser.

Background Removal: Uses an AI model that downloads once and runs locally. The first run takes a moment, but subsequent uses are instant.
Palette Generation: Lock colors you like and regenerate the rest to find the perfect harmony.
Image Optimization: Compress and convert images before uploading them to your CMS to improve page speed.

Developer Essentials

Quick access tools for debugging and formatting without sending sensitive data to remote servers.

JSON Formatting: Paste minified JSON to view it as a collapsible, syntax-highlighted tree.
JWT Decoding: Inspect the header and payload of a JSON Web Token. Never paste production tokens into tools that upload data (our tool is 100% client-side).
Regex Testing: Test regular expressions in real-time with visual match highlighting.

Typography & Layout

Perfect your text scales and layouts with mathematical precision.

Type Scales: Use the typography calculator to generate modular scales (e.g., Perfect Fourth, Golden Ratio) for consistent sizing.
PX to REM: Quickly convert pixel values to REMs based on your root font size.
Contrast Checking: Ensure your text colors meet WCAG AA or AAA accessibility standards against their backgrounds.

Legacy Base64 Tools

Our original Base64 encoding/decoding suite is still available under the Encoding Tools category.

Image to Base64: Best for tiny icons. Compressing first helps reduce payload size.
URL-Safe Base64: Necessary when passing encoded data through URL parameters.
Base64 to File: Auto-detects MIME types so you can download the original file intact.