BlueprintLab Tools
JAEN
All tools / Color & design tools / CSS box-shadow generator

Free web tool

CSS box-shadow generator

Tune offset, blur, spread, color, and inset to generate box-shadow CSS.

Input & settings

How to use

Tune offset, blur, spread, color, and inset to generate box-shadow CSS.

  1. Enter or choose the source data.
  2. Change only the options you need.
  3. Run the tool and verify the result before copying or saving.

Related tools

Color & design tools

RGB to HSL converterConvert RGB values (0–255) to HSL hue, saturation and lightness.Open  →HSL to RGB converterConvert HSL hue, saturation and lightness into RGB values (0–255).Open  →RGB to HEX converterConvert RGB values (0–255) into a #RRGGBB hexadecimal color code.Open  →HEX to RGB converterConvert #RGB or #RRGGBB hexadecimal colors into RGB values.Open  →HEX / RGB / HSL converterConvert HEX or RGB colors to HEX, RGB and HSL.Open  →Pick HEX and RGB Colors from an ImageClick a point in an image to sample its HEX and RGB color.Open  →