Tiny Online Tools
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.