Design tools
Pick colors and generate CSS gradients, shadows, border radii, clamp values and type scales on your device. Free, with no account.
- Color picker
Preview a hex color.
- CSS gradient generator
Preview a two-color gradient.
- CSS box shadow generator
Preview a soft shadow.
- CSS border radius generator
Preview a rounded box.
- Type scale generator
Show a size stepped up by 1.25.
- CSS clamp generator
Build a CSS clamp from two sizes.
- Spacing calculator
Show an 8-point spacing scale.