Ir para o conteúdo
PT

Conversor de unidades CSS

Converta um valor entre px, rem, em, %, vw, vh, pt, cm, mm e polegadas, com o tamanho de fonte e de tela que quiser. Inclui tabela de px para rem.

  • Grátis
  • Sem cadastro
  • Nenhum arquivo enviado
  • Windows, Mac, Android, iPhone

Carregando a ferramenta…

Sobre esta ferramenta

Converta qualquer valor CSS para todas as outras unidades de uma vez: pixels, rem, em, porcentagens, vw, vh, vmin, vmax, pontos, paicas, polegadas, centímetros, milímetros e quartos de milímetro. O contexto (tamanho de fonte da página e do pai, tamanho da tela e do pai) é ajustável, e uma tabela dá as equivalências px/rem/pt mais comuns.

Quando usar

Converter um mockup para rem

Os mockups dão tamanhos em pixels; convertê-los para rem faz o site respeitar o tamanho de fonte escolhido pelo visitante.

Preparar uma folha de estilo de impressão

Pontos e milímetros são unidades gráficas: converta seus px para um documento impresso fiel.

Entender um valor em vw

Quanto é 5vw numa tela de 1440 px? Informe a largura da tela e leia o tamanho em pixels.

Como usar

  1. Digite um valor e sua unidade.
  2. Veja a conversão em todas as outras unidades.
  3. Ajuste o contexto (tamanho de fonte, tela) se precisar e copie.

Como funciona

Toda conversão passa pelo pixel CSS. As unidades absolutas seguem as relações fixadas pelo CSS (1 in = 96 px = 2,54 cm = 72 pt = 6 pc); as relativas usam os tamanhos do contexto.

Os resultados são arredondados para quatro casas decimais, mais que suficiente para qualquer valor CSS. Suas configurações de contexto ficam salvas no navegador.

Dicas para um melhor resultado

  • Use rem para tamanhos de fonte e espaçamentos: o site se adapta à configuração de fonte do visitante.
  • Deixe px para bordas finas e sombras.
  • Evite em em tamanhos de fonte aninhados: o efeito se acumula.
  • vw sozinho num tamanho de fonte bloqueia o zoom: combine com rem dentro de clamp().

Problemas comuns e soluções

O resultado em rem não é o esperado

O tamanho de fonte raiz do seu projeto pode não ser 16 px: informe-o no contexto.

Os valores em % não batem

No CSS, % nem sempre se refere à largura do pai (altura, tamanho de fonte…). O cálculo considera a largura.

Os cm na tela não têm 1 cm

É normal: na tela, o CSS fixa 1 cm em 37,8 px, seja qual for o tamanho real do pixel.

Perguntas frequentes

Quanto é 16 px em rem?

1 rem com o tamanho de fonte padrão dos navegadores (16 px). A fórmula é: rem = px ÷ tamanho de fonte raiz.

Qual a diferença entre rem e em?

rem se refere ao tamanho de fonte da página (elemento html), em ao do elemento pai. em se acumula em elementos aninhados, rem não.

Por que os resultados em % e vw dependem do contexto?

São unidades relativas: % em relação à largura do pai, vw e vh em relação ao tamanho da tela. Informe esses tamanhos no contexto de cálculo.

Os cm e as polegadas do CSS são reais?

Não na tela: o CSS fixa 1 polegada = 96 px. Eles são exatos na impressão.

Pesquisas relacionadas

Ainda com problema?

Pergunte no fórum: a categoria, a ferramenta, a ficha do seu dispositivo e o resultado do teste são preenchidos para você.