Qual é a diferença entre rem e em?

rem é relativo ao tamanho da fonte raiz (html), enquanto em é relativo ao tamanho da fonte do elemento pai. Na prática, rem oferece dimensionamento consistente em toda a sua folha de estilo.

O que é uma unidade de viewport?

Unidades de viewport (vw, vh, vmin, vmax) são relativas ao tamanho da janela do navegador. vw equivale a 1% da largura do viewport, vh a 1% da altura.

Como converto px para rem?

Divida o valor em pixels pelo seu tamanho da fonte raiz (tipicamente 16px). Por exemplo, 32px ÷ 16 = 2rem.

Por que preciso configurar as dimensões da viewport?

Unidades relativas à viewport como vw e vh dependem do tamanho da janela do navegador. Configurar a viewport objetivo permite calcular conversões precisas.

Ferramentas/Conversor de Unidades CSS Online

Conversor de Unidades CSS Online

Converta entre unidades CSS: px, rem, em, vw, vh, pt e mais. Configure o tamanho da fonte base e as dimensões da viewport para conversões relativas precisas.

Valor

÷base

Configurações da viewport

WpxHpx

Insira um valor acima para converter entre unidades CSS

Conversões Relacionadas

Conversor Pt para Px para Designers

Converta pontos tipográficos em pixels na hora. Conversor pt para px grátis para traduzir specs de Figma e impressão em valores CSS.

Conversor Px para Em

Converta pixels em unidades em na hora com este conversor CSS grátis. Ajuste o tamanho da fonte pai e veja a conversão em tempo real.

Conversor de Px para Rem

Converta pixels para unidades rem instantaneamente. Conversor CSS px para rem gratuito online com ajuste de tamanho de fonte base.

Conversor Px para Vw: Unidades Responsivas

Converta pixels em unidades de largura de viewport na hora. Digite px e largura do viewport para valores vw fluidos em layouts e tipografia.

Conversor de Rem para Px

Converta rem para pixels instantaneamente. Conversor CSS rem para px gratuito online com ajuste de tamanho de fonte base personalizável.

Ferramentas Relacionadas

rgbConversor de Cores + Paleta

Convert color unit values

📐Conversor de Unidades Online

Converta entre unidades de comprimento, peso, temperatura, velocidade, área, volume, dados e tempo. Métrico, imperial e mais. Sem servidor, sem cadastro.

Conversor de Unidades CSS

Conversão entre qualquer unidade CSS com cálculos precisos e contextuais. Insira um valor, selecione a unidade de origem e veja o equivalente nos 14 tipos de unidades CSS instantaneamente.

Unidades Suportadas

Unidade	Tipo	Descrição
`px`	Absoluta	Pixel, a unidade base para tela
`pt`	Absoluta	Ponto (1pt = 1/72 polegada, 1pt ≈ 1.333px)
`pc`	Absoluta	Pica (1pc = 12pt)
`cm`	Absoluta	Centímetro
`mm`	Absoluta	Milímetro
`in`	Absoluta	Polegada (1in = 96px)
`rem`	Relativa	Em raiz, relativo ao tamanho da fonte raiz
`em`	Relativa	Em, relativo ao tamanho da fonte do elemento pai
`vw`	Viewport	1% da largura do viewport
`vh`	Viewport	1% da altura do viewport
`vmin`	Viewport	1% da dimensão menor do viewport
`vmax`	Viewport	1% da dimensão maior do viewport
`ex`	Fonte	Altura x aproximada (≈ 0.5em)
`ch`	Fonte	Largura de caractere aproximada (≈ 0.6em)

Como Usar

Insira um valor numérico no campo de entrada
Selecione a unidade de origem no menu suspenso
Veja o valor convertido em todas as outras unidades
Ajuste o tamanho da fonte base ou as dimensões da viewport para conversões relativas precisas

Casos de Uso Comuns

Design Responsivo com rem

Ao construir layouts responsivos, converter entre px e rem garante que seus espaçamentos sejam escalados corretamente com as preferências do usuário.

Unidades de Viewport em Media Queries

Converta pontos de quebra em pixels para unidades de viewport para designs responsivos fluidos.

🔒

Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.