Dihaw devLittle tools. Everyday wins.FREE
ToolsGeneratorsBorder Radius Generator
Generators

Border Radius Generator

Edit each corner radius independently and preview the generated CSS.

On your deviceFREENo account needed

Guest results are not saved to an account. Sign in before processing to keep results in your private history for 30 days.

ExampleSee sample input and settings

Load the example, adjust the values, then run the tool.

Example input
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="240" viewBox="0 0 400 240"><rect width="400" height="240" rx="30" fill="#7c3aed"/><circle cx="200" cy="120" r="65" fill="#06b6d4"/></svg>
Top left
24
Top right
60
Bottom right
24
Bottom left
60
Color
#7c3aed
Color
#06b6d4

Loading…

About this tool

Edit each corner radius independently and preview the generated CSS.

Choose your options, process your input, and download or copy the result.

Related tools

FREE

Gradient Generator

Create linear, radial and conic gradients with editable color stops, presets and CSS or PNG export.

Generators
FREE

Mesh Gradient Generator

Position multiple color points to create mesh backgrounds and export SVG, PNG or CSS.

Generators
FREE

Blob Generator

Generate seeded organic SVG blobs with adjustable complexity and irregularity.

Generators
FREE

Shape Generator

Create circles, polygons, stars, hearts and arrows with color, size and point controls.

Generators
JSON FormatterFormat compact JSON into readable, indented data.JSON ValidatorFind JSON syntax errors and inspect the root value.JSON MinifierRemove unnecessary whitespace without changing JSON values.JSON Tree ViewerExplore nested objects and arrays in a collapsible tree.JSON DiffCompare JSON values and identify exactly what changed.JSON to CSVTurn a flat array of JSON records into a CSV table.CSV to JSONConvert CSV headers and rows into JSON objects.JSON to YAMLConvert JSON values into readable YAML documents.