Border radius
Ajusta el radio de cada esquina y obtén el código border-radius CSS al instante. Vista previa en vivo, gratis.
Resultado
¿Cómo usar esta herramienta?
Ajusta el radio de cada esquina y obtén el border-radius CSS.
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo genero un border-radius?
Ajusta el radio de cada esquina por separado; pulsa Generar CSS para obtener el código border-radius listo para copiar.
¿Puedo redondear cada esquina distinto?
Sí, cada esquina (superior izquierda, superior derecha, inferior derecha, inferior izquierda) se ajusta de forma independiente.
¿Cómo hago un círculo con CSS?
Con 50% en un cuadrado obtienes un círculo perfecto; en un rectángulo, una elipse.
¿Es gratis usar esta herramienta?
Sí, es totalmente gratis y sin límite de usos. No pedimos tarjeta ni registro.
Herramientas relacionadas de Color y diseño
Texto con degradado
Crea texto con degradado de color usando solo CSS, con vista previa en vivo.
Usar gratisBotones CSS
Diseña botones y obtén el CSS completo con estado hover incluido.
Usar gratisLoader CSS
Crea spinners de carga animados con solo CSS: color, tamaño y velocidad a tu gusto.
Usar gratisTonos de un color
Genera tintes y sombras de cualquier color para tu paleta.
Usar gratisMezclar colores
Mezcla dos colores con la proporción que elijas y obtén el resultado al instante.
Usar gratisColor aleatorio
Genera colores aleatorios en HEX, RGB o HSL, uno o varios a la vez.
Usar gratis