Color Picker from Image
Click a pixel in an uploaded image to sample its HEX and RGB color.
Design & socialDesign & social tools
CSS Box Shadow Generator
Adjust a shadow visually and copy the CSS declaration.
Your workspaceProcessed in your browser
Loading workspace…
How to use css box shadow generator
- Set Horizontal offset, Vertical offset, Blur radius, and Spread.
- Choose Shadow color and an Opacity from 0 to 1.
- Select Generate result and inspect the copied declaration on your actual page background.
Work through an example
Generate a concrete box-shadow declaration, compare offset, blur, and spread, and inspect it on the actual page background.
Build a subtle card shadow and understand each length →Formats, privacy, and practical limits
This tool processes the values you enter in your browser. No account or upload to ERITHRA is required.
Files and generated results exist only for this tab session. Download any result you want to keep before leaving the page. Browsers may use temporary memory or disk cache while processing.
Frequently asked questions
What is the difference between blur and spread?
Blur softens the shadow edge. Spread expands or contracts the shadow shape before blur.
Does the generator support inset or multiple shadows?
No. Its controls create one outer shadow. Inset or layered shadows require manual CSS changes.