Free design tools online
16 free design tools — instant, private, no sign-up
Color Blindness Simulator
Simulate how images look with common types of color blindness.
Open tool →Color Contrast Checker
Check WCAG contrast ratio between foreground and background colors.
Open tool →Color Palette Generator
Generate harmonious color palettes from a base color.
Open tool →Color Picker
Pick colors from a wheel or sample pixels from any uploaded image.
Open tool →CSS Border Radius Generator
Visually build CSS border-radius values and copy the snippet.
Open tool →CSS Box Shadow Generator
Visually build CSS box-shadow values and copy the snippet.
Open tool →CSS Cursor Tester & Style Generator
Test and preview all CSS cursor property values interactively and generate custom cursor CSS rules with fallback options.
Open tool →CSS Filter & Image Effects Generator
Visually create CSS image filter effects including blur, brightness, contrast, grayscale, hue-rotate, invert, and sepia with live preview.
Open tool →CSS Gradient Text Generator
Create eye-catching CSS gradient text with linear and radial color stops, angle controls, and cross-browser background clip CSS.
Open tool →CSS Triangle & Shape Generator
Generate pure CSS border and clip-path triangles with custom directions, dimensions, colors, and ready-to-use CSS snippet output.
Open tool →Favicon Generator
Generate 16×16, 32×32, and 180×180 favicons from your logo.
Open tool →Gradient Generator
Build CSS linear and radial gradients and copy the code.
Open tool →Pattern SVG Background Generator
Create seamless CSS background patterns and copy the code.
Open tool →QR Code Generator
Create custom QR codes with colors, sizes, and optional logo overlay.
Open tool →QR Code Scanner Reader
Scan and decode QR codes from camera or uploaded images.
Open tool →SVG Minifier & Code Cleaner
Minify and optimize SVG vector graphics by removing redundant metadata, comments, editor artifacts, and collapsing coordinate precision.
Open tool →