Box Shadow Generator
Layer multiple box shadows with full control over offset, blur, spread, color, and inset. Preview live and copy the CSS.
Shadow Layers
Layer 1
X Offset
px
Y Offset
px
Blur
px
Spread
px
Color
H220
S9
L46
Preview
CSS
box-shadow: 4px 4px 12px 0px #6b7280;Related tools
- Border Radius PreviewerFine-tune all four corners independently or use the 8-value elliptical syntax. See the shape update live.
- Gradient GeneratorBuild linear, radial, and conic CSS gradients with multiple color stops, angle control, and real-time preview.
- Color Palette GeneratorGenerate complementary, analogous, triadic, and more color harmonies from any base color. Export as CSS variables, Tailwind config, SCSS, or JSON.