Design Tools
Colors, images, SVG, and visual helpers.
Color
design
Color Converter
Convert colors between HEX, RGB, and HSL formats with a live preview.
colorhexrgb
Updateddesign
Color Palette Generator
Pick a base color and instantly generate harmonious palettes using color theory — complementary, analogous, triadic, tetradic, and split-complementary schemes. Export as HEX, RGB, or HSL for direct use in CSS.
colorpaletteharmony
Image & Layout
design
Aspect Ratio Calculator
Calculate and convert aspect ratios. Find dimensions, resize proportionally.
aspectratioresize
design
Lorem Pixel
Generate CSS grid/flexbox placeholder layouts for quick prototyping.
loremlayoutgrid
design
Placeholder Image Generator
Generate placeholder images with custom dimensions, colors, and text.
placeholderimagegenerator
design
SVG Optimizer
Optimize and minify SVG markup — remove metadata, comments, and whitespace.
svgoptimizeminify
Newdesign
Background Eraser
Upload any image and instantly remove its background with just one click. This tool runs 100% locally on your browser using WebAssembly AI models, guaranteeing your privacy as images never leave your device.
backgroundremoveeraser