Design Tools
Color, image, and layout tools for designers — instant results, zero uploads.
Design Utilities for Faster Shipping
This hub is for the practical side of design work: choosing colors, generating gradients, compressing images, preparing favicons, and checking layout ratios. The goal is not to replace a full design suite, but to solve the small tasks that slow down delivery when you are building or polishing a web experience.
Common Design Workflows
Web Asset Optimization
Prepare visuals for production pages, favicons, and inline usage.
Color and Branding
Move from raw color values to palettes and gradients for interfaces and brand systems.
Layout and Visual Planning
Check ratios and visual constraints before exporting or implementing a component.
Use: Aspect Ratio Calculator → Image Compressor → Gradient Generator
Colors
Color Palette Generator
Generate beautiful color palettes from any base color. Complementary, analogous, triadic, and more. Free.
CSS Gradient Generator
Create beautiful CSS gradients with a visual editor. Linear, radial, and conic gradients. Free.
Color Picker & Converter
Pick colors and convert between HEX, RGB, and HSL formats. Free online color tool.
Images
Image Compressor
Compress JPEG and PNG images in your browser. Reduce file size without losing quality. Free.
Favicon Generator
Generate favicons in all standard sizes from a single image. Download as ZIP. Free online tool.
Image to Base64 Encoder
Convert images to Base64 data URIs instantly. Drag and drop, preview, and copy. Free online tool.