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
CSS
design
CSS Unit Converter
Convert between px, rem, em, pt, vw, and vh with configurable base font size and viewport.
cssunitconverter
design
CSS Gradient Generator
Create beautiful CSS gradients with a visual editor — linear, radial, and conic.
cssgradientcolor
design
Box Shadow Generator
Visual CSS box-shadow builder with layers, presets, and live preview.
cssbox-shadowgenerator
Image & Layout
design
SVG Optimizer
Optimize and minify SVG markup — remove metadata, comments, and whitespace.
svgoptimizeminify
design
Placeholder Image Generator
Generate placeholder images with custom dimensions, colors, and text.
placeholderimagegenerator
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