Shadow Generator
Pick a shape fill and shadow color, stack inner and outer layers, and copy CSS. Built for colored, tinted shadows — not just flat gray elevation.
How it works
- Choose a preview shape (circle by default, or try the owl).
- Set the shape color and shadow color with the visual pickers — use Tint from shape for a matching translucent hue.
- Tune opacity, outer/inner type, and offset / blur / spread. Add layers for richer colored stacks.
- Copy box-shadow, drop-shadow, or both — share the page URL to reopen your setup.
Frequently asked questions
Shape fill and shadow color come first. Pick HEX colors, tint shadows from the shape color, and stack translucent rgba layers — then copy the CSS.