Générateur CSS Border Radius

Générez des valeurs CSS border-radius visuellement avec prévisualisation en direct.

css border radius generatorborder-radius cssrounded corners csscss border radius onlinecss rounded corners

Drag & drop a file here, or click to browse

Options

Top Left: 8px

Top Right: 8px

Bottom Right: 8px

Bottom Left: 8px

Unit

Link all corners

Input

Output

Privacy: This tool runs entirely in your browser. No data is sent to our servers. We don't store, share, or have access to any of the information you process here.

Examples

Frequently Asked Questions

Q: Can I set different radii per corner?

A: Yes, you can set each corner (top-left, top-right, bottom-right, bottom-left) independently.

Q: What units are supported?

A: Pixels (px), percentages (%), and rem values.

Q: How do I make a circle?

A: Set all corners to 50% and make sure the element has equal width and height.

Related Tools

Générateur CSS Box Shadow

Créez des effets box-shadow CSS visuellement avec prévisualisation en direct.

FR: Color Picker & Converter

FR: Pick colors from images or screen, convert between HEX, RGB, HSL, CMYK formats, and generate color palettes.

Privacy & Security

This tool runs entirely in your browser. No data is sent to our servers. We don't store, share, or have access to any of the information you process here.