Início
Tom Utilities

Gerador de border-radius

Utilitários para desenvolvedores

Visualize e copie valores de border-radius CSS para cada canto em pixels ou porcentagem.

Como usar

Round the corners

Enter a value for each corner and choose pixels or percent. The preview updates as you type.

  1. Enter top-left, top-right, bottom-right and bottom-left values.
  2. Choose px or percent.
  3. Copy the border-radius declaration.

Percent units

Percentages are relative to the box size, so 50% on a square creates a circle and on a rectangle creates an ellipse.

Perguntas frequentes

Can corners differ?

Yes. Each corner has its own input, allowing asymmetric rounded shapes and leaf-like corners.

Does it support elliptical syntax?

The generated value uses the single-radius-per-corner form. Add a slash manually if you need horizontal and vertical radii.

Ferramentas relacionadas

Gerador de box-shadow CSS Crie sombras com controles de deslocamento, desfoque, expansão e cor e copie o CSS. Gerador de gradientes CSS Crie gradientes CSS lineares ou radiais com visualização ao vivo e CSS pronto para copiar. Formatador CSS Embeleza CSS com uma propriedade por linha e recuo consistente. Gerador de UUID / GUID Gera UUIDs aleatórios da versão 4 e os copia um a um ou em massa. Gerador de hash Calcula resumos MD5, SHA-1, SHA-256 e SHA-512 de qualquer texto. Conversor de timestamp Converte entre timestamps Unix, ISO 8601 e datas locais legíveis.