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.

Most popular
🎨
Color Palettes
Generate harmonious palettes with 6 harmony modes. Lock colors, regenerate, export to CSS, Tailwind, or SCSS.
Open tool →
Accessibility
👁️
Contrast Checker
WCAG 2.1 accessibility testing. AA & AAA ratings for normal and large text. Full preview panel.
Open tool →
CSS
🌈
Gradient Generator
Visual CSS gradient builder. Linear, radial, conic. 6 presets, 2-6 color stops, angle control.
Open tool →
Utility
🔄
Color Converter
Paste any color format — hex, RGB, HSL, named — and convert to all others instantly. Contrast ratios included.
Open tool →
CSS
🌑
Box Shadow Generator
Visual CSS box-shadow builder. Multi-layer shadows, presets from subtle to neumorphism, Tailwind output.
Open tool →
CSS
Border Radius Generator
Per-corner control with link/unlink, px/rem/% units. Presets: pill, squircle, blob, leaf, and more.
Open tool →
Design System
📏
Spacing Scale
Generate consistent spacing systems. Linear, geometric, or custom scales. Export to CSS, Tailwind, SCSS, JSON.
Open tool →
Typography
✏️
Type Scale Calculator
Harmonious typography scales from Minor Second to Golden Ratio. Live preview, fluid clamp() output.
Open tool →
Utility
💧
Brand Color Extractor
Upload any image — logo, screenshot, photo — and extract a palette using median cut quantization.
Open tool →
Preview
🌙
Dark Mode Previewer
Preview palettes in light and dark mode side by side. Auto-generates dark variants, shows contrast ratios.
Open tool →
Utility
📐
CSS Unit Converter
Convert px to rem, em, %, vw, vh, pt and more. Adjustable base font size and viewport settings.
Open tool →
🎯
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
🎨 Hue Pro coming soon
Brand guide builder, font pairing, mockup generator. Get early access.