Browse the Color & CSS station →
What does this tool do?
Border Radius Generator: mode, unit, radius values → css border-radius, live preview. Process locally in your browser. Inputs: Mode, Unit, Radius values. Outputs: CSS border-radius, Live preview.
How to use it?
Provide the listed input and choose Generate. Review the result, then copy or download where available. Clear removes inputs and results.
Browser-local processing. No uploads, content logging, persistence or remote resource loading. Generated markup is inert text; files are treated as untrusted data.
All color calculations use the documented sRGB color model and stay in this browser.
Corner order is top-left, top-right, bottom-right, bottom-left. Percentages depend on element dimensions; browsers may scale overlapping radii.