Media & Design Utilities
Color systems, contrast checkers, SVG converters, and asset helpers. Every utility runs 100% inside your browser sandbox with zero network latency, zero tracking cookies, and absolute data privacy.
Color Converter & WCAG Contrast Checker
Convert HEX, RGB, HSL, and OKLCH color codes with live WCAG 2.1 AA/AAA contrast ratio auditing.
Tailwind Color Scale Generator
Generate calibrated 50–950 Tailwind color scales from any base HEX, HSL, or OKLCH color with live WCAG contrast auditing, interactive UI card/button previews, and instant Tailwind v4 @theme and v3 config exports.
Harmonious Color Palette Generator
Generate aesthetically balanced color palettes using color theory harmonies (Analogous, Complementary, Triadic, Tetradic, Monochromatic, Golden Ratio) with pairwise WCAG contrast auditing, interactive UI mockups, and CSS/Tailwind exports.
SVG to PNG / WebP Converter
Convert raw SVG code or SVG files to high-resolution PNG or WebP images with custom scaling.
Custom QR Code Generator & Studio
Generate permanent client-side SVG/PNG QR codes for URLs, printable Wi-Fi tent signs, vCards, and Crypto payments with logo embedding and styling.
QR Code Decoder & Scanner Studio
Decode and inspect QR codes directly from images, screenshots, clipboard pastes, or live camera feeds with structured Wi-Fi, URL, and vCard extraction.
Universal Image Converter
Convert images client-side between JPG, PNG, WebP, AVIF, and BMP with batch queue processing, quality sliders, and transparency control.
Image to Base64 & Data URI Converter
Convert images to Base64 data URIs, CSS background URLs, HTML tags, and markdown, or decode Base64 back into downloadable images.
EXIF Viewer & Privacy Scrubber
Inspect camera specifications, lens details, exposure settings, and GPS location in photos, and sanitize all metadata with one click.
SVG Optimizer & Formatter Studio
Compress, optimize, minify, and pretty-print SVG vector markup in real-time with AST cleanup, namespace stripping, and coordinate precision controls.
SVG ↔ Base64 & Data URI Studio
Convert SVG markup and files into CSS background Data URIs, HTML tags, and Base64 strings, or decode Base64 back into vector SVG files.
SVG Viewer & Inspector Studio
Inspect, zoom, and test SVG vectors in a client-side sandbox with viewBox bounds auditing, path length calculations for CSS animations, and color palette extraction.
CSS Box Shadow Generator
Generate multi-layer CSS box-shadow and text-shadow styles with real-time visual preview, natural easing presets, Tailwind code output, and bi-directional CSS parser.
PX to REM & CSS Unit Converter
Convert PX to REM, EM, VW, VH, PT, and percentage with real-time bi-directional matrix, interactive font/spacing visualizer, CSS batch code transformer, and Tailwind cheat sheet.
CSS Clamp & Fluid Typography Calculator
Calculate fluid typography, spacing, and layout bounds with CSS clamp(). Features linear slope math, live interactive viewport resizer, modular type scale generator, and Tailwind/theme export.
Modular Scale & Type Scale Generator
Calculate harmonic typographic scales and font size hierarchies using classic musical and geometric ratios (Minor Third, Major Third, Perfect Fourth, Golden Ratio) with live specimen waterfalls, proportional leading, and CSS/Tailwind exports.
CSS Gradient Generator
Design beautiful linear, radial, and conic CSS gradients with multi-stop color markers, angle & position controls, curated presets, live preview contexts, Tailwind CSS classes, and bi-directional CSS parser.
CSS Mesh Gradient Generator
Design fluid multi-point 2D mesh gradients with draggable color pins, interactive blur controls, curated colorway presets, and instant Pure CSS, Tailwind, SVG, and PNG exports.
CSS Loader & Spinner Generator
Generate pure, zero-dependency CSS loading spinners, bouncing dots, radar ripples, and progress bars with live interactive speed/size customization, UI context simulations, and single-element HTML & CSS exports.
CSS Grid & Layout Generator
Interactive visual CSS Grid builder with real-time canvas preview, custom column/row tracks, gap controls, named template areas, Holy Grail and dashboard presets, and instant CSS, HTML, and Tailwind CSS exports.