Color & Design Tools / CSS Border Radius Generator
CSS Border Radius Generator
Visually build a CSS border-radius with live preview.
Features
- Independent control of all 4 corners
- Live preview
- Instant CSS code
- Free, unlimited use
How to Use
Step 1
Adjust each corner slider.
Step 2
Watch the live preview update.
Step 3
Copy the generated CSS.
About This Tool
CSS Border Radius Generator lets you adjust each corner independently with sliders while seeing a live preview, then copy the exact CSS code.
Frequently Asked Questions
Can each corner be different?
Yes, all four corners are fully independent.
What's the maximum radius?
Up to 150px per corner in this tool, sufficient for most designs.