Box-shadow generator

Tune offset, blur, spread and opacity until it looks just right.

Try also

• Colour converter & palettes: HEX, RGB, HSL and a full 50–950 scale generated for you.
• Contrast checker (WCAG): Check whether text is readable under AA and AAA.
• CSS gradient generator: Linear, radial and conic gradients with a live preview.
• px ↔ rem converter: Turn pixels into rem for accessible typography.
• Meta & Open Graph tag generator: SEO and social tags with Google and social card previews.