Skip to content

Color y Diseño

Generador de Border Radius

Generador gratuito de border-radius CSS. Crea visualmente un radio por esquina con vista previa en vivo. Copia el CSS abreviado. Para botones, tarjetas y cualquier forma redondeada.

Runs in your browser

Border radius generator

CSS

border-radius: 16px;
css

Nota del editor

Understanding · The shape of a corner.

Este capítulo en profundidad está disponible solo en inglés por el momento. La herramienta de conversión de arriba funciona en tu idioma; el artículo explicativo extenso aún no se ha traducido.

Preguntas frecuentes

Quick answers.

›Can I make a circle?

Yes — set border-radius: 50% on a square element. Use the 'square element' preset.

›What's elliptical border-radius?

Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.

›Does it output Tailwind?

For uniform radii, yes. Per-corner customisation needs custom CSS.

›Is the generator free?

Yes — fully free, no signup.

La gente también busca

Herramientas relacionadas

More in this room.

Ver todo en Color y Diseño