⬡ Um kit de ferramentas,
cada tarefa de design

Gerador de Cantos Arredondados

Editor visual de raio de borda com visualização em tempo real. Copie o código CSS com controle de canto individual.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

⬡ Gerador de Cantos Arredondados

Guia de raio de borda

O raio da borda controla o arredondamento dos cantos dos elementos. Diferentes valores de raio criam diferentes sensações de design: desde nítido e profissional até suave e amigável.

Ajuste cada canto de forma independente usando os controles deslizantes. A visualização é atualizada em tempo real. Copie o código CSS do seu projeto.

Pro Tips

Frequently Asked Questions

Q: Posso definir raios diferentes para cada canto?
Posso definir raios diferentes para cada canto? Sim, use o formato: border-radius: superior esquerdo superior direito inferior direito inferior esquerdo.
Q: Qual é o melhor raio de borda para um cartão?
Qual é o melhor raio de borda para um cartão? 12-16px é o ponto ideal para cartões na maioria dos designs modernos.
Q: Quais valores de raio de borda devo usar para diferentes elementos?
Quais valores de raio de borda devo usar para diferentes elementos? Os cartões normalmente usam 8-16px, botões 4-8px, modais 12-20px e avatares 50% para círculos. Use valores maiores em elementos maiores para obter consistência proporcional.
Q: Como faço para criar um botão em forma de pílula?
Como faço para criar um botão em forma de pílula? Defina o raio da borda para um valor muito grande, como 999px. O navegador irá limitá-lo na metade da altura do elemento, criando automaticamente um formato de pílula, independentemente do tamanho do botão.
Q: Posso aplicar raios diferentes a cada canto?
Posso aplicar raios diferentes a cada canto? Sim, os quatro controles de canto individuais permitem definir valores exclusivos para canto superior esquerdo, canto superior direito, canto inferior direito e canto inferior esquerdo. Isto é útil para elementos de design direcionais.

Cores do Brasil

Do verde da bandeira ao azul dos azulejos, as cores brasileiras misturam natureza tropical, herança portuguesa e a energia do carnaval. Uma paleta viva que reflete a identidade visual do país.

Verde Bandeira #009C3B

O verde da bandeira nacional, símbolo das matas

Amarelo Bandeira #FFDF00

O ouro do losango da bandeira brasileira

Azul Bandeira #002776

O azul do círculo e das estrelas

Azul Azulejo #1E5FA8

Herança dos azulejos portugueses em igrejas e casarões

Rosa Choque #FF1493

A energia vibrante do carnaval e das marcas jovens

Verde Amazônia #228B22

A floresta tropical, pulmão do planeta

Amarelo Ouro #FFD700

O ouro do barroco mineiro de Ouro Preto

Terracota Nordestina #CD5C5C

A argila do sertão e do artesanato nordestino

Anil #4B0082

Cor do vestido tradicional das baianas

Branco Areia #EDE4D3

As praias de areia clara do litoral

Q: Qual é o verde da bandeira do Brasil?
Qual é o verde da bandeira do Brasil? O verde oficial da bandeira brasileira é aproximadamente #009C3B, junto com o amarelo #FFDF00 e o azul #002776.
Q: O que é o azul azulejo?
O que é o azul azulejo? É o azul característico dos azulejos portugueses (aproximadamente #1E5FA8), herança colonial presente na arquitetura de igrejas, casarões e cidades históricas brasileiras.