CSS Tools
Free online developer utilities. Processed locally in your browser; nothing is uploaded.
Processed in your browser · No upload
Box Shadow Generator
Design CSS box-shadow values visually in your browser. Adjust offset, blur, spread, color, and inset for soft elevation, hard drop shadows, or material-style depth.
Border Radius Generator
Visually tweak CSS border-radius. Adjust all four corners individually, pick from presets, or lock to a circle / pill. Copy the produced border-radius value straight into your stylesheet.
Contrast Checker
Check WCAG 2.x color contrast between foreground and background colors. See the contrast ratio, AA / AAA pass/fail for normal and large text, and live-preview a sample sentence.