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.

Conversor para Minúsculas

Conversor para Minúsculas

Converta texto para minúsculas instantaneamente.

Gerador de Padrão de Vórtice SVG

Gerador de Padrão de Vórtice SVG

Gere padrões de vórtice SVG com pás radiais torcidas. Crie espirais hipnóticas, fundos de redemoinho e ilustrações caleidoscópicas grátis, sem upload.

Visualizador de Imagens RAW

Visualizador de Imagens RAW

Pré-visualize arquivos RAW de câmera (CR2, NEF, ARW, DNG, RAF, ORF, RW2 e mais) extraindo a prévia JPEG embutida.

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.