Skip to main content
ConvertLab
Tools

Generators

Box-Shadow Generator

Compose CSS box-shadow values with live preview, sliders and a one-click copy.

  • Runs in your browser

Shadow controls

CSS output

box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);

Was this tool useful?

Stored locally in your browser only — not sent anywhere.

Tools you may need

Random Number GeneratorGenerate a random number between any minimum and maximum value.Color Palette GeneratorGenerate harmonious five-color palettes — analogous, complementary, triadic and more — from a base color.CSS FormatterFormat CSS with readable indentation and one declaration per line.Color ConverterConvert between HEX, RGB and HSL, with a live swatch and WCAG contrast ratios.