Design tools
Colors, SVGs, spacing tools and assets — no Figma needed.
14 tools · 14 run in your browser
ICO Generator
Create multi-size .ico favicons from an image.
Color Picker
Pick any color and get HEX, RGB, HSL and OKLCH values.
Palette Generator
Generate harmonious color palettes from a seed color.
Contrast Checker
Check WCAG AA/AAA contrast ratio between two colors.
Gradient Generator
Build CSS linear and radial gradients visually and copy the code.
Color Converter
Convert between HEX, RGB, HSL, OKLCH and CMYK.
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.
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.
Box Shadow Generator
Build layered CSS box-shadows with a live preview and copy the code.
Border Radius Builder
Visually pick corner radii and copy the CSS.
Placeholder Image
Generate placeholder images at any size with custom colors and text.
Font Pairing Tool
Preview Google Font combinations side by side.