⚡ Pro Megan Industries

11 free tools · No signup

Design
Toolkit

Color palettes, contrast checker, gradients, shadows, typography, spacing scales, dark mode preview, and more. Free design tools for developers and designers.

Generate harmonious palettes with 6 harmony modes. Lock colors, regenerate, export to CSS, Tailwind, or SCSS.

Contrast Checker

WCAG 2.1 accessibility testing. AA & AAA ratings for normal and large text. Full preview panel.

Gradient Generator

Visual CSS gradient builder. Linear, radial, conic. 6 presets, 2-6 color stops, angle control.

Color Converter

Paste any color format — hex, RGB, HSL, named — and convert to all others instantly. Contrast ratios included.

Box Shadow Generator

Visual CSS box-shadow builder. Multi-layer shadows, presets from subtle to neumorphism, Tailwind output.

Border Radius Generator

Per-corner control with link/unlink, px/rem/% units. Presets: pill, squircle, blob, leaf, and more.

Generate consistent spacing systems. Linear, geometric, or custom scales. Export to CSS, Tailwind, SCSS, JSON.

Type Scale Calculator

Harmonious typography scales from Minor Second to Golden Ratio. Live preview, fluid clamp() output.

Brand Color Extractor

Upload any image — logo, screenshot, photo — and extract a palette using median cut quantization.

Dark Mode Previewer

Preview palettes in light and dark mode side by side. Auto-generates dark variants, shows contrast ratios.

CSS Unit Converter

Convert px to rem, em, %, vw, vh, pt and more. Adjustable base font size and viewport settings.

🎯

No account needed

Every tool works instantly. No signup, no email, no tracking.

📋

Export everything

Copy CSS, Tailwind config, or SCSS variables. Ready for your codebase.

♿

Accessibility first

WCAG 2.1 compliance built in. AA and AAA ratings at a glance.

Coming Soon

Hue Pro — $7/mo

Brand guide builder, font pairing engine, mockup generator, palette from image, color blindness simulator, and team sharing.

Join the Waitlist →

Also from Megan Industries

🔍 Clarity SEO ✉️ Byline

🎨 Hue Pro coming soon

Brand guide builder, font pairing, mockup generator. Get early access.