🎨 Everything runs in your browser. No install, no sign-up.
Offset X0px
Offset Y8px
Blur20px
Spread-4px
Opacity20%
box-shadow: 0px 8px 20px -4px rgba(15, 23, 42, 0.20);
A natural shadow usually falls straight down (offset X of 0), and uses a faint navy rather than black — slightly darker than the background. Pure black shadows look muddy.
What this tool does
- Offset, blur, spread and colour
- Inset shadows supported
- Natural multi-layer presets
- Copy the CSS
Other colour tools
Colours may look slightly different depending on your screen and its colour profile.