Design tools

Colors, gradients, shadows and SVG.

• Color Converter — Pick colors and convert HEX, RGB and HSL, with contrast check.
• CSS Gradient Generator — Build CSS linear and radial gradients.
• Box Shadow Generator — Design layered CSS box-shadows visually.
• SVG Minifier — Strip comments, metadata and whitespace from SVG.
• Aspect Ratio Calculator — Find ratios and resize dimensions proportionally.