Tool Nova

CSS Box Shadow Generator

CSS shadow

CSS Shadow Generator

Build a CSS box-shadow visually and copy the generated code.

X
Y
Blur
Spread
Opacity
Shadow
box-shadow: 0px 12px 30px 0px rgb(15 23 42 / 0.18);

Discover more tools

Explore more tools in this category, browse popular utilities, or check recently added tools on Tool Nova.

More Color Tools

Browse more tools from the color tools collection.

Popular Tools

Start with featured and frequently used tools.

New Tools

See newly published tools and recent additions.

How the css shadow generator works

Enter or adjust the color values in the browser.

The result updates instantly without an API request.

Copy the generated color, CSS, or palette value for your project.

Frequently Asked Questions

Is the css shadow generator free?

Yes. It is free and runs in your browser.

Are colors uploaded?

No. These color tools calculate results locally in your browser.

Related Tools

Explore more free online tools from Tool Nova.

Gradient Generator

Create linear CSS gradients and copy the generated code.

HEX RGB HSL Converter

Convert colors between HEX, RGB, and HSL formats.

Palette Generator

Generate a quick harmonious color palette from one base color.

Random Color Generator

Generate random HEX colors for designs, palettes, and UI drafts.