Tiny Online Tools logoTiny Online ToolssearchBuscar ferramentas…grid_viewTodas as ferramentas
Iniciochevron_rightFerramentas de Designchevron_rightGerador de Border RadiusGerador de Border Radius

Gerador de Border Radius

Controle visualmente o arredondamento de cantos e copie o CSS.

Predefinições
Unidadepx%
Vincular todos os cantos
CSS gerado
border-radius: 12px;

Ferramentas semelhantes

Gerador de Keyframes CSS

Gerador de Keyframes CSS

Crie keyframes CSS personalizados visualmente com preview ao vivo e codigo pronto para copiar.

Gerador CSS Grid

Gerador CSS Grid

Monte layouts CSS Grid responsivos com visualização ao vivo e código pronto para copiar.

Gerador de animacoes CSS

Gerador de animacoes CSS

Crie animacoes CSS reutilizaveis com visualizacao de movimento e keyframes prontos para copiar.

Gerador de Box Shadow

Gerador de Box Shadow

Crie sombras CSS visualmente com prévia em tempo real.

Corretor de OCR de PDF

Corretor de OCR de PDF

Corrija palavras mal reconhecidas na camada OCR oculta de um PDF digitalizado sem tocar na digitalização.

Calculadora de Impressão 3D

Calculadora de Impressão 3D

Estime quanto uma impressão 3D vai custar de fato antes de iniciá-la.

Cortador de folha de sprites

Cortador de folha de sprites

Corte uma folha de sprites em blocos de imagem individuais especificando colunas e linhas. Cada bloco pode ser baixado em PNG.

apps

Mais ferramentas

Explore nossa colecao completa de ferramentas online gratuitas.

Ajuste cantos visualmente sem adivinhar valores

border-radius parece simples até você precisar de algo mais específico do que um retângulo arredondado comum. Este gerador permite ajustar cada canto visualmente e ver o resultado na hora, o que facilita refinar botões, cartões, campos e outros componentes.

O que você pode controlar

A ferramenta ajuda a testar os usos mais comuns de border-radius:

  • um único valor para todos os cantos
  • valores separados para cada canto
  • unidades em pixels ou porcentagem
  • predefinições rápidas para formas conhecidas

Quando isso é especialmente útil

Um gerador de border radius ajuda bastante quando você precisa:

  • aproximar melhor um design system existente
  • testar formas de pílula, círculo ou cantos mais orgânicos
  • criar CSS reutilizável para botões e cartões
  • evitar tentativa e erro no devtools

A unidade escolhida muda o resultado

Valores em pixels criam um arredondamento fixo, enquanto porcentagens dependem mais do tamanho do elemento. Se uma forma funcionar em um componente e parecer estranha em outro, vale testar a troca de unidade para manter mais consistência.