Generador de border-radius CSS
Redondea cada esquina por separado y genera el código border-radius al instante
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Una herramienta para ajustar con controles deslizantes el radio de cada una de las cuatro esquinas, comprobarlo en la vista previa y generar el CSS de border-radius. Admite unidades px y % y el ajuste simultáneo de las cuatro esquinas, lo que resulta útil para desarrolladores que refinan las esquinas redondeadas de botones, tarjetas o imágenes.
Cómo usar
- Ajusta el radio con el control deslizante de cada esquina.
- Elige la unidad px o % y, si quieres, activa «ajustar las cuatro esquinas a la vez».
- Comprueba la forma en el recuadro de vista previa.
- Copia el código border-radius generado y úsalo.
Preguntas frecuentes
- ¿En qué se diferencian px y %?
- px es un radio fijo y % un radio proporcional al tamaño del elemento. Si aplicas 50 % a un cuadrado, se convierte en un círculo perfecto.
- ¿Cómo queda el código si las cuatro esquinas tienen el mismo valor?
- Si los cuatro valores coinciden, se genera de forma compacta con un solo valor, como border-radius: 16px;. Si difieren, se indican los cuatro valores en orden.
- ¿Se envían a un servidor los valores que introduzco?
- No. Toda la vista previa y la generación de código se realizan únicamente en el navegador y no se envían a ningún servidor.