Colores y diseño

Diseñar esquinas CSS

Previsualiza cuatro radios de esquina independientes y copia la regla CSS border-radius.

Cómo usar
Gratis. Siempre.Los datos quedan en tu navegadorSin registro

Tus herramientas guardadas se quedan en este navegador.

Diseñar esquinas CSS — espacio de trabajo

Cargando tu herramienta…

Cómo usar: Diseñar esquinas CSS

  1. Empieza con el ejemplo o sustitúyelo por tus datos.

  2. Revisa A, B, C, D y pulsa «Obtener resultado».

  3. Revisa el resultado y cópialo o descárgalo. Edita cualquier dato para repetir.

Qué puedes hacer

  • Previsualiza cuatro radios de esquina independientes y copia la regla CSS border-radius.

Qué obtienes

  • Un resultado para revisar, copiar o descargar. Las herramientas numéricas muestran cálculos etiquetados y las de texto, el resultado transformado.

Qué necesitas

A
Introduce un número (0–500).
B
Introduce un número (0–500).
C
Introduce un número (0–500).
D
Introduce un número (0–500).

Prueba un ejemplo

A
8
B
24
C
8
D
24
Probar en la herramienta

Conviene saber

  • Usa un navegador actual con JavaScript activado. Los formatos y la velocidad dependen del navegador, dispositivo y tamaño de los datos.

Tu trabajo se queda en tu dispositivo

Tus archivos y datos se procesan en el navegador y no se suben para procesarlos. El sitio y los motores necesarios sí se descargan desde la web.

Preguntas y respuestas

¿Diseñar esquinas CSS es gratis?

Sí. Diseñar esquinas CSS es gratis y no requiere cuenta.

¿Se suben mis archivos o datos?

Tus archivos y datos se procesan en el navegador y no se suben para procesarlos. El sitio y los motores necesarios sí se descargan desde la web.

¿Qué resultado puedo guardar?

Un resultado para revisar, copiar o descargar. Las herramientas numéricas muestran cálculos etiquetados y las de texto, el resultado transformado.

¿Qué debo revisar antes de usar el resultado?

Usa un navegador actual con JavaScript activado. Los formatos y la velocidad dependen del navegador, dispositivo y tamaño de los datos.

Continúa con otra herramienta

Relación de aspecto Calcula la proporción y redimensiona sin deformar.Paleta de colores Crea tonos claros y oscuros de un color base.Mezclar dos colores Mezcla dos colores RGB con la proporción elegida del segundo color.Comparar colores RGB Mide la distancia numérica entre dos colores RGB, sin puntuación de accesibilidad.Diseñar sombra CSS Previsualiza una sombra CSS ajustando desplazamiento, desenfoque, extensión y color.