Design Tools

25 free tools for designers and developers

Color Tools

Color Palette Generator - Generate beautiful AI-powered color schemes from text descriptions
Image Color Extractor - Extract dominant color palettes from any image instantly
Color Contrast Checker - Check WCAG accessibility standards and contrast ratios
Gradient Generator - Create beautiful CSS gradients with live preview and export
Color Converter - Convert between HEX, RGB, and HSL formats with one click
Color Picker - Pick colors and explore harmonies in multiple formats
Color Name Finder - Find the closest named color for any HEX, RGB, or HSL value

Image Compressor - Reduce image file sizes by up to 90% while maintaining quality
Image Format Converter - Convert images between PNG, JPEG, and WEBP formats
Image Resizer - Resize images with social media presets and custom dimensions
Image Cropper - Crop images with aspect ratio presets, rotate and zoom
Image to Base64 - Convert images to Base64 encoded strings for embedding
Background Remover - Remove backgrounds from images with AI technology

Typography Scale Generator - Generate harmonious type scales with base size and ratio
Text Case Converter - Convert text to UPPERCASE, lowercase, camelCase, and more

Box Shadow Generator - Create CSS box shadows with visual editor and presets
Border Radius Generator - Generate custom border radius with individual corner controls
CSS Filter Generator - Apply CSS filters with live preview and presets
Flexbox Generator - Visual Flexbox layout builder with live preview

Unit Converter - Convert between px, rem, em, %, vh, vw, and pt
Spacing Scale Generator - Generate consistent spacing scales for design systems
Grid Calculator - Calculate CSS Grid layouts with columns and gutters
Aspect Ratio Calculator - Calculate aspect ratios and missing dimensions
Lorem Ipsum Generator - Generate placeholder text for design mockups