📐 Um kit de ferramentas,
cada tarefa de design

Calculadora de Proporção

Calcule e dimensione qualquer proporção — 16:9, 4:3, 1:1, 9:16 e personalizada. Redimensione dimensões preservando as proporções, com predefinições de resoluções comuns.

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

📐 Calculadora de Proporção

Guia de proporção de aspecto

Uma proporção de aspecto descreve a relação proporcional entre largura e altura. É escrito como dois números separados por dois pontos - 16:9 significa que a largura é de 16 unidades para cada 9 unidades de altura. Obter a proporção correta evita imagens esticadas e layouts quebrados.

Insira sua largura e altura ou escolha uma predefinição. Com o bloqueio de proporção ativado, a alteração de uma dimensão dimensiona automaticamente a outra para preservar as proporções. A visualização desenha sua proporção em escala, e as resoluções comuns fornecem pontos de partida instantâneos para vídeo, web e impressão.

Pro Tips

Frequently Asked Questions

Q: Quais são as proporções mais comuns?
Quais são as proporções mais comuns? 16:9 para vídeo e telas, 4:3 para TVs e apresentações mais antigas, 1:1 para postagens em mídias sociais, 9:16 para vídeo vertical e 3:2 para fotografia.
Q: Como calculo uma proporção de aspecto a partir das dimensões?
Como calculo uma proporção de aspecto a partir das dimensões? Divida os dois números pelo seu máximo divisor comum. Para 1920x1080, ambos dividem por 120, resultando em 16:9.
Q: Qual proporção devo usar para o YouTube?
Qual proporção devo usar para o YouTube? 16:9 é o padrão. Para Shorts e vídeos verticais no estilo TikTok, use 9:16.
Q: Posso usar proporção de aspecto em CSS?
Posso usar proporção de aspecto em CSS? Sim, a propriedade de proporção de aspecto é suportada em todos os navegadores modernos desde 2021. Ela substitui o antigo hack padding-top.
Q: Por que minhas imagens parecem esticadas?
Por que minhas imagens parecem esticadas? O tamanho do contêiner não corresponde à proporção da imagem. Corte a imagem na proporção do contêiner ou use object-fit: cover para preencher sem distorção.

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.