Conversor PX para REM – Valores soltos ou um CSS inteiro de uma vez

Converta px, rem, em e pt com a base que quiser, consulte a tabela de 1 a 96px e troque todos os px de um CSS por rem mantendo bordas de 1px.

Processado no navegador – nenhum dado enviado ao servidor

Tamanho base (px)

16px é o padrão dos navegadores. 10px é a base de quem usa html { font-size: 62.5% }.

Valor

Unidade

24px

rem

1.5rem

1.5em

18pt

em usa a mesma base porque é relativo ao font-size do elemento pai; se o pai tiver outro tamanho, troque a base por ele. pt é fixo: 1px = 0,75pt.

Tabela de referência (base 16px)

Como usar esta ferramenta

Confirme o tamanho base: 16px é o padrão do navegador, 10px é o de quem usa font-size: 62.5%
Digite um valor e escolha a unidade para ver o equivalente em px, rem, em e pt
Clique em qualquer linha da tabela de referência para carregá-la no conversor
Para migrar um arquivo, abra "Converter CSS inteiro", cole o CSS e copie o resultado

Sobre esta ferramenta

O que é

rem é uma medida relativa ao font-size do elemento html: com a base de 16px, 1rem = 16px e 24px = 1.5rem. Usar rem em vez de px faz o layout acompanhar a preferência de tamanho de fonte do usuário — quem aumenta a fonte padrão do navegador para 20px vê todo o texto e o espaçamento crescerem junto, o que px fixo ignora.

Quando usar

Migrar um CSS antigo de px para rem de uma vez só
Traduzir as medidas em px do Figma para rem no código
Conferir quanto vale 14px ou 18px em rem com uma base diferente de 16
Converter tamanhos de tela para pt ao preparar CSS de impressão

Segurança

Processamento 100% no navegador. Nenhum dado é enviado ao servidor — seus dados sensíveis permanecem no seu dispositivo.

Perguntas frequentes

Por que não converter a borda de 1px?: Porque 0.0625rem, com a fonte do usuário aumentada, vira 1,25px e o navegador arredonda de formas diferentes em cada tela — a borda fica ora com 1, ora com 2 pixels. Divisórias e bordas finas são detalhe visual, não texto, e ficam melhores fixas em 1px.
Por que as condições de @media ficam em px?: Dentro de uma media query, rem e em sempre usam o tamanho padrão do navegador, não o font-size que você definiu no html. Com a base de 10px (62.5%), converter 768px em 76.8rem mudaria o breakpoint para 1228px. A opção deixa essas condições intactas; desmarque se sua base for 16.
Qual a diferença entre rem e em?: rem é relativo ao font-size da raiz (html); em é relativo ao font-size do elemento pai. Em componentes aninhados o em se multiplica — 1.2em dentro de 1.2em dá 1.44 da base —, por isso rem é o padrão para espaçamento e fonte, e em fica para medidas que devem acompanhar o texto do próprio componente, como o padding de um botão.
Como impedir que um valor específico seja convertido?: Escreva a unidade em maiúsculas: 20PX. O CSS aceita unidades sem diferenciar maiúsculas, então funciona igual no navegador, e o conversor ignora — a mesma convenção do plugin postcss-pxtorem.

Ferramentas relacionadas

Tabela de referência (base 16px)

Como usar esta ferramenta

Confirme o tamanho base: 16px é o padrão do navegador, 10px é o de quem usa font-size: 62.5%

Digite um valor e escolha a unidade para ver o equivalente em px, rem, em e pt

Clique em qualquer linha da tabela de referência para carregá-la no conversor

Para migrar um arquivo, abra "Converter CSS inteiro", cole o CSS e copie o resultado

Sobre esta ferramenta

O que é

Quando usar

Migrar um CSS antigo de px para rem de uma vez só
Traduzir as medidas em px do Figma para rem no código
Conferir quanto vale 14px ou 18px em rem com uma base diferente de 16
Converter tamanhos de tela para pt ao preparar CSS de impressão

Segurança

Processamento 100% no navegador. Nenhum dado é enviado ao servidor — seus dados sensíveis permanecem no seu dispositivo.

Perguntas frequentes

Por que não converter a borda de 1px?

Porque 0.0625rem, com a fonte do usuário aumentada, vira 1,25px e o navegador arredonda de formas diferentes em cada tela — a borda fica ora com 1, ora com 2 pixels. Divisórias e bordas finas são detalhe visual, não texto, e ficam melhores fixas em 1px.

Por que as condições de @media ficam em px?

Dentro de uma media query, rem e em sempre usam o tamanho padrão do navegador, não o font-size que você definiu no html. Com a base de 10px (62.5%), converter 768px em 76.8rem mudaria o breakpoint para 1228px. A opção deixa essas condições intactas; desmarque se sua base for 16.

Qual a diferença entre rem e em?

rem é relativo ao font-size da raiz (html); em é relativo ao font-size do elemento pai. Em componentes aninhados o em se multiplica — 1.2em dentro de 1.2em dá 1.44 da base —, por isso rem é o padrão para espaçamento e fonte, e em fica para medidas que devem acompanhar o texto do próprio componente, como o padding de um botão.

Como impedir que um valor específico seja convertido?

Escreva a unidade em maiúsculas: 20PX. O CSS aceita unidades sem diferenciar maiúsculas, então funciona igual no navegador, e o conversor ignora — a mesma convenção do plugin postcss-pxtorem.