Design tools
Work fast, right in your browser
Three instant tools for designers: build CSS gradients, get pixel-perfect social sizes, and pull palettes from any image. No sign-up. No uploads. Just open and work.
Colors → CSS
Gradient Generator
Pick two colors and an angle — copy clean CSS or export a ready PNG for web and mockups.
- Live 360° preview
- PNG at 1920 / 1024 / 800
- Random for inspiration
Sizes
Social Media Size Calculator
Exact pixels for every platform — ratio, orientation and scale-to-width before you export.
- 8 presets: IG, Pinterest, TikTok
- Aspect ratio + orientation
- Scale-to any width
Image → Palette
Color Palette Generator
Drop an image and pull its dominant colors as HEX — processed 100% on your device.
- Drag & drop JPG / PNG / WebP
- Copy HEX or CSS variables
- Nothing leaves your device
Need plug-and-play assets too? Download the 50 Gradient Backgrounds pack — ready PSD & PNG files that pair with all three tools.