⬡ Un conjunto de herramientas,
cada tarea de diseño

Generador de Bordes Redondeados

Editor visual de radio de borde con vista previa en tiempo real. Copie el código CSS con control de esquina individual.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

⬡ Generador de Bordes Redondeados

Guía de radio de borde

El radio del borde controla la redondez de las esquinas de los elementos. Los diferentes valores de radio crean diferentes sensaciones de diseño: desde nítidos y profesionales hasta suaves y amigables.

Ajuste cada esquina de forma independiente usando los controles deslizantes. La vista previa se actualiza en tiempo real. Copie el código CSS para su proyecto.

Pro Tips

Frequently Asked Questions

Q: ¿Puedo establecer radios diferentes para cada esquina?
¿Puedo establecer radios diferentes para cada esquina? Sí, use el formato: radio de borde: arriba a la izquierda, arriba a la derecha, abajo a la derecha, abajo a la izquierda.
Q: ¿Cuál es el mejor radio de borde para una tarjeta?
¿Cuál es el mejor radio de borde para una tarjeta? 12-16px es el punto ideal para las tarjetas en la mayoría de los diseños modernos.
Q: ¿Qué valores de radio de borde debo usar para diferentes elementos?
¿Qué valores de radio de borde debo usar para diferentes elementos? Las tarjetas suelen utilizar 8-16 px, botones 4-8 px, modales 12-20 px y avatares 50 % para los círculos. Utilice valores más grandes en elementos más grandes para lograr coherencia proporcional.
Q: ¿Cómo creo un botón en forma de pastilla?
¿Cómo creo un botón en forma de pastilla? Establezca el radio del borde en un valor muy grande como 999 px. El navegador lo limitará a la mitad de la altura del elemento, creando automáticamente una forma de píldora independientemente del tamaño del botón.
Q: ¿Puedo aplicar radios diferentes en cada esquina?
¿Puedo aplicar radios diferentes en cada esquina? Sí, los cuatro controles de esquina individuales le permiten establecer valores únicos para las esquinas superior izquierda, superior derecha, inferior derecha e inferior izquierda. Esto es útil para elementos de diseño direccionales.

Colores del Mundo Hispano

Del añil guatemalteco al rosa mexicano, el mundo hispanohablante tiene una rica tradición cromática. Estos colores nacen de textiles indígenas, arquitectura colonial y festividades, y hoy inspiran paletas llenas de carácter.

Rosa Mexicano #E4007C

Color icónico del diseño mexicano, creado por Ramón Valdiosera

Azul Añil #4B0082

Tinte tradicional de los textiles mayas de Guatemala

Rojo Bermellón #E34234

El rojo intenso de los toros y la cerámica española

Amarillo Maíz #F4B41A

El oro del maíz, base de la alimentación mesoamericana

Verde Jade #00A86B

La piedra sagrada de mayas y aztecas

Azul Celeste #A5C8E1

El azul de la bandera argentina y el cielo porteño

Terracota #E2725B

Arcilla cocida — el color de los tejados coloniales

Vino Tinto #722F37

El burdeos de las bodegas de La Rioja

Oro Colonial #D4AF37

El dorado de los retablos barrocos americanos

Turquesa Caribe #40E0D0

El color de las playas del Caribe

Q: ¿Qué es el rosa mexicano?
¿Qué es el rosa mexicano? El rosa mexicano (#E4007C) es un color vibrante promovido por el diseñador Ramón Valdiosera en los años 40 como símbolo de identidad nacional, usado hoy en artesanías, textiles y diseño contemporáneo.
Q: ¿Qué es el azul añil?
¿Qué es el azul añil? El añil es un tinte natural azul extraído de la planta del índigo, usado en los textiles mayas de Guatemala y en los huipiles tradicionales desde tiempos prehispánicos.