Border Radius Generator

Generate CSS border-radius values with a visual preview.

Size

160px

Background Color

Link All Corners

Top Left12px

Top Right12px

Bottom Right12px

Bottom Left12px

Presets

CSS Output

border-radius: 12px;

Border Radius Generator: Adjust the four corner sliders to create custom border-radius values. Link all corners to sync them, or set each independently. Change the preview box size and background color. Use presets for circle, pill, rounded, and card styles. Copy the CSS output directly.