Design tools
Colors, SVGs, spacing tools and assets — no Figma needed.
14 tools · 14 run in your browser
Border Radius Builder
Visually pick corner radii and copy the CSS.
Box Shadow Generator
Build layered CSS box-shadows with a live preview and copy the code.
Color Converter
Convert between HEX, RGB, HSL, OKLCH and CMYK.
Color Picker
Pick any color and get HEX, RGB, HSL and OKLCH values.
Contrast Checker
Check WCAG AA/AAA contrast ratio between two colors.
Font Pairing Tool
Preview Google Font combinations side by side.
Gradient Generator
Build CSS linear and radial gradients visually and copy the code.
ICO Generator
Create multi-size .ico favicons from an image.
Palette Generator
Generate harmonious color palettes from a seed color.
Placeholder Image
Generate placeholder images at any size with custom colors and text.
PNG to SVG
Auto-trace a raster image into a clean vector SVG.
PX to REM Converter
Convert pixel values to REM/EM with a custom base font size.
SVG Optimizer
Minify and clean SVG files — removes bloat from Figma and Illustrator exports.
SVG to PNG
Rasterize an SVG to PNG at any resolution.
Frequently asked questions
- Are my files uploaded?
- No — every design tool runs in your browser, so assets never leave your device.
- What colour formats are supported?
- HEX, RGB, HSL and OKLCH, with live conversion between them.
- Can it clean up Figma/Illustrator SVGs?
- Yes — the SVG optimiser strips editor bloat, often cutting file size by half or more without changing the look.
- Is it free?
- Yes — free, no account, no watermark.