Border Radius Generator

Yes. Each corner has its own slider, plus a link toggle that keeps all four corners equal for uniform rounded shapes.

Yes. You can switch between pixel and percentage units, which is useful for pill shaped elements and fully rounded buttons.

With percentages, each corner radius is relative to the element's width and height rather than a fixed pixel size, so very large values create elliptical corners.

The tool generates the border-radius shorthand with the current corner values, and it copies to the clipboard for use in your stylesheet.

Yes. A live preview element renders your exact radius values, so what you see matches the CSS that gets copied.

Yes. Setting equal radii to half the element size produces a circle, while a fully rounded smaller dimension produces a pill shape.