Ir para a ferramenta
JoeLucky

Clique em ★ para salvar uma ferramenta

Categorias de ferramentas

Código para imagemGerador de gradientes CSSGlassmorphism CSSGerador de box-shadowGerador de loaders CSSGerador de blobs SVGSVG para PNGVerificador de contraste de coresConversor PX / REM / EM
JoeLucky

Ferramentas online práticas, todas em um só lugar

Política de PrivacidadeTermos de Uso

© 2026 JoeLucky®. Todos os direitos reservados.

  1. JoeLucky
  2. /CSS e design
  3. /Conversor PX / REM / EM

Conversor PX / REM / EM

Converta entre px, rem e em com um tamanho de fonte raiz personalizado, inclusive em modo de lista em lote.

O rem é sempre calculado em relação a este tamanho de fonte raiz.

O em é calculado em relação a este tamanho de fonte pai/de contexto separado — não ao tamanho raiz acima.

px

16

rem

1

em

1

CSS E DESIGN SEMELHANTES

Ver todas
Código para imagem

Transforme trechos de código em capturas de tela bonitas.

Abrir →
Gerador de gradientes CSS

Crie gradientes lineares, radiais e cônicos e copie o CSS na hora.

Abrir →
Glassmorphism CSS

💬 Comentários

?

Ainda não há comentários. Seja o primeiro!

O QUE É Conversor PX / REM / EM?

O conversor PX/REM/EM converte entre as três unidades CSS — rem é relativo ao tamanho de fonte raiz, enquanto em é relativo a um tamanho de fonte de contexto ajustável separadamente.

Como usar?

  1. Ajuste o tamanho de fonte raiz e o tamanho de fonte de contexto conforme precisar.
  2. Alterne entre o modo de valor único e o de lista em lote para converter.

Perguntas frequentes

Qual a diferença real entre rem e em?

rem é sempre relativo ao tamanho de fonte do elemento raiz (geralmente html), não importa a profundidade do aninhamento. em é relativo ao tamanho de fonte do elemento atual (ou de seu pai) e se acumula quando aninhado. Esta ferramenta mantém de propósito os campos de entrada separados para que os dois nunca sejam confundidos.

Há limites no formato numérico do modo em lote?

Informe um número por linha; decimais são aceitos. Uma linha que não pode ser analisada é claramente sinalizada como erro na tabela de resultados, em vez de ser ignorada silenciosamente ou tratada como 0.

Esta ferramenta analisa meus arquivos CSS?

Não. A V1 só converte valores individuais — analisar e converter automaticamente um arquivo CSS inteiro é um recurso planejado para a V2, não incluído aqui.

Gere em tempo real o código de desfoque de fundo e borda translúcida.

Abrir →