Conversor de REM para Pixels

Converta medidas de REM para Pixels (px) de forma simples e rápida, ideal para inspeção de layout e design systems.

Conversor de REM para Pixels

Converta unidades relativas de raiz (rem) para pixels de tela

Tamanho base do root (1rem em px):

REM (rem)

rem

Pixels (px)

Valores comuns:

A conversão de REM para Pixels (px) é muito utilizada ao inspecionar layouts no DevTools, transformar especificações de design systems (como Tailwind CSS que usa classes como `p-4 = 1rem`) para pixels no Figma, ou depurar problemas visuais. - REM (Root EM): Unidade proporcional à raiz do documento. - Pixel (px): Unidade fundamental de renderização na tela. Considerando a base padrão de 16px, para converter qualquer valor de REM para pixels, basta multiplicar o número de REM por 16.

\text{px} = \text{rem} \times \text{base (16)}

Para transformar rem em pixels (px), multiplique a quantidade de rem pela base de 16.

Legenda das Variáveis:

pxTamanho resultante em Pixels
remTamanho inicial em unidades REM
16Tamanho base padrão da fonte em pixels

Fórmula Inversa:

\text{rem} = \frac{\text{px}}{\text{base (16)}}

Informe o valor em REM no primeiro campo (ex: 0.5, 0.75, 1, 1.25, 2).
O valor em Pixels (px) será calculado instantaneamente.
Caso prefira converter a partir de pixels, preencha o segundo campo.
Utilize os botões de atalhos rápidos com escalas clássicas de design (ex: 0.5 rem, 0.75 rem, 1 rem, 1.25 rem, 1.5 rem, 2 rem, 3 rem).
Pressione Copiar Texto para exportar o resultado obtido.

rem	px	Descrição
0,25 rem	4 px	Espaçamento mínimo (Tailwind: 1)
0,5 rem	8 px	Espaçamento pequeno (Tailwind: 2)
0,75 rem	12 px	Fonte pequena (Tailwind: text-xs)
0,875 rem	14 px	Fonte secundária (Tailwind: text-sm)
1 rem	16 px	Fonte padrão do sistema (Tailwind: text-base)
1,25 rem	20 px	Subtítulo (Tailwind: text-xl)
1,5 rem	24 px	Título médio (Tailwind: text-2xl)
2 rem	32 px	Título grande (Tailwind: 8)
2,5 rem	40 px	Banner ou destaque

1. Tamanho de 1,25 rem

Ao converter 1,25 rem para px: 1,25 × 16 = 20 px.

2. Padding de 2 rem

O espaçamento em pixels é: 2 × 16 = 32 px.

3. Fonte de 0,875 rem

A tipografia corresponde a: 0,875 × 16 = 14 px.

Quantos pixels tem 1,5 rem?

1,5 rem equivale a exatamente 24 pixels (1,5 × 16 = 24px).

Conversor de REM para Pixels