toolsko

Choose your language

ToolsKo is written in English. Prefer another language? Open a translated version of this public page.

Browser language suggestion: English. You can choose any language below.

Translation opens in a new tab using Google Translate. It receives this public page URL. Automatic translations may contain mistakes; use the original English page for tool inputs, downloads, and generated documents.

Your choice is remembered on this browser when storage is available. Use Language in the header to change it.

CSS Border Radius Generator

Set independent corner radii and copy the CSS declaration.

Tool inputs stay in your browser · optional AI search sends your query

Good to know: CSS corner order is top-left, top-right, bottom-right, bottom-left. Browser rules scale radii when they overlap. Generates circular corner radii; elliptical slash syntax is outside this tool.

How to use it (step by step)

  1. 1Fill in the boxes: “Top left (px)”, “Top right (px)”, “Bottom right (px)”, “Bottom left (px)”. Example numbers are already there so you can see how it works; replace them with yours.
  2. 2The result updates instantly as you type (on a phone it is below the boxes).
  3. 3The bold line is the main answer. Tap Copy next to any value to copy it.

Words to know

CSS
The code that controls how a web page looks: colors, sizes, spacing and layout.
Resolution / pixels
A picture is made of tiny dots called pixels. 1080×1920 means 1,080 dots wide and 1,920 tall.

More in Design & Color

Aspect Ratio CalculatorSimplify a ratio and scale width or height to match it.CSS Box Shadow GeneratorCreate a CSS box-shadow from offsets, blur and opacity.Fluid Typography CSS Clamp GeneratorInterpolate font size between two viewport widths.SVG Placeholder Image GeneratorGenerate an escaped placeholder SVG with dimensions and label.Color Harmony Palette GeneratorGenerate complementary and analogous HSL colors from a hex base.Color Blend CalculatorMix two hex colors at a chosen proportion.