🎨 Calculadoras de Design

📅 Atualizado em · 3 calculadoras
Design tem decisões que são de gosto e decisões que são de norma. Esta seção trata das segundas.

O Conversor de Cores traduz entre HEX, RGB, HSL e HSV — os formatos que aparecem em CSS, em software de design e em guia de marca. É a conversão que mais se repete no dia a dia de quem trabalha com interface.

A de Proporção Áurea auxilia na composição e no dimensionamento de layouts, e a de Escala Desenho converte entre medida no papel e medida real nos dois sentidos. São ferramentas de partida, não regras: proporção áurea ajuda a estabelecer hierarquia, mas não substitui julgamento visual.

As 3 calculadoras desta seção

Perguntas frequentes

Qual a diferença entre HSL e HSV?

Os dois descrevem cor por matiz, saturação e um terceiro eixo: HSL usa luminosidade (50% é a cor pura, 100% é branco) e HSV usa valor (100% é a cor pura). HSL costuma ser mais intuitivo para gerar variantes claras e escuras.

O que é proporção áurea?

A razão aproximada de 1:1,618, presente em composições clássicas. Serve como ponto de partida para dimensionar elementos com hierarquia visual.

O que significa escala 1:50 num desenho?

Que uma unidade no papel equivale a 50 no objeto real. Um centímetro no desenho corresponde a 50 centímetros, ou meio metro.

O que é a proporção áurea e ela funciona mesmo?

É a razão de aproximadamente 1,618. Funciona como ponto de partida para composições equilibradas, mas não é regra universal: muito do que se atribui a ela em obras famosas é interpretação posterior, não intenção do autor.

Como escolher cores que combinam?

Pelo círculo cromático. Complementares (opostas) geram contraste alto; análogas (vizinhas) geram harmonia suave; a tríade equilibra variedade e coesão. Uma proporção comum é 60% da cor dominante, 30% da secundária e 10% de destaque.

O que é contraste WCAG e por que devo me importar?

É a razão de luminância entre texto e fundo. O padrão AA exige no mínimo 4,5:1 para texto normal e 3:1 para texto grande. Abaixo disso, muita gente simplesmente não consegue ler — inclusive em tela ao sol.

Qual a diferença entre RGB, CMYK e HEX?

RGB e HEX são para tela, com luz somada (o branco é a soma de tudo). CMYK é para impressão, com tinta subtraindo luz. Cores vibrantes em RGB frequentemente não existem em CMYK — daí a diferença entre o que se vê e o que se imprime.

Como converter escala para medida real?

Multiplique a medida do desenho pelo denominador da escala. Em 1:50, 3 cm no papel são 150 cm reais. No sentido inverso, divida a medida real pelo denominador para saber quanto desenhar.

O que é DPI e quanto preciso para imprimir?

DPI é a densidade de pontos por polegada. Impressão de qualidade pede 300 DPI; para tela, 72 a 96 DPI bastam. Uma foto de 1.000 pixels de largura imprime bem até cerca de 8 cm a 300 DPI.

Como calcular a proporção ao redimensionar uma imagem?

Divida a nova largura pela original e aplique o mesmo fator à altura. Alterar só uma dimensão distorce a imagem — é o erro mais comum em peças gráficas feitas às pressas.

Conteúdo revisado em 26/08/2026. Os valores usados nas calculadoras são mantidos em um arquivo central e conferidos contra as fontes oficiais a cada atualização legislativa.