What does each value do?

Offset X/Y move the shadow; blur softens edges; spread expands/shrinks the shadow; color sets the shadow color.

Yes. Enable 'Inset' to create an inner shadow.

Online CSS Box Shadow Generator

Create box-shadow CSS from offset X/Y, blur, spread, and color.

Offset X (px)

Offset Y (px)

Blur (px)

Spread (px)

Color

Opacity (0–1)

Inset

box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);

What does each value do?: Offset X/Y move the shadow; blur softens edges; spread expands/shrinks the shadow; color sets the shadow color.
Can I use inset?: Yes. Enable 'Inset' to create an inner shadow.

JSON Formatter

Format, validate, and beautify JSON. Minify or pretty-print with one click.

Base64 Decode

Decode Base64 strings to text. Encode text to Base64.

UUID Generator

Generate random UUIDs (v4) for unique identifiers. Copy with one click.

URL Encoder Decoder

Encode and decode URLs. Convert special characters for safe use in URLs.

Convert Color Hex to RGB

Convert hex color codes to RGB values (R, G, B).

Convert Color RGB to Hex

Convert RGB values (R, G, B) to hex color codes.