Set the radius
Enter corner values.
Code & Data Tool
Border Radius Generator
Generate CSS border-radius code.
Loading workspace...
About this tool
What is Border Radius Generator?
Border Radius Generator creates CSS border-radius code to round the corners of boxes and buttons.
Useful when you need to
- Round a card
- Make a circle or pill shape
- Learn corner values
How to use
How to use Border Radius Generator
01 02 Preview
Check the shape.
03 Adjust
Tune each corner.
04 Copy
Copy the CSS.
Tips
Get better results
- 50% on a square element makes a circle.
- Use consistent radii across a design.
FAQ
Frequently asked questions
Can corners differ?
Yes, set each corner.
Is it private?
Yes.
Does it need a unit?
Use px or percent.
More practical guides · File handling and privacy · Report an incorrect instruction