⭐ 0
🔍
Texto Imagem PDF e Documentos Áudio Música Eletrônica Tempo Utilitários Validadores Esoterismo Jogos

Conversor de REM para PX

Converta px em rem, rem em px e px em em em qualquer tamanho de fonte básico, com uma linha CSS pronta para cópia e uma tabela de referência ativa.

Processando... 0%

Resultado

Esta página abre o conversor na direção rem → px: digite um valor rem e você obterá imediatamente seu equivalente em pixel no tamanho de fonte base atual, além de uma linha CSS pronta para cópia. Na base padrão do navegador de 16px, 1,5rem é 24px e 2rem é 32px.

Voltar de rem para pixels é a direção cotidiana quando você inspeciona a folha de estilo de outra pessoa ou um painel de estilos computados: o CSS diz 1,25rem e as especificações de design falam em pixels. A fórmula é simplesmente rem × base, e o campo base permite combinar qualquer que seja o tamanho da fonte raiz do projeto - incluindo o truque de 62,5%, onde 1rem significa 10px.

A tabela de referência abaixo mostra os tamanhos de pixel comuns com seus valores rem na base escolhida, para que você possa digitalizar toda a escala de uma vez. Tudo é recalculado em tempo real no seu navegador enquanto você digita e nada é enviado para lugar nenhum.

🛡️
Executado no navegador

Seus arquivos e entradas nunca saem deste dispositivo. O processamento é executado totalmente offline. 100% seguro.

Formatos e regras aceitos

  • Três direções em um seletor: px → rem, rem → px e px → em.
  • Tamanho de fonte base ajustável (16px por padrão) aplicado ao resultado e a cada linha da tabela.
  • Tabela de referência para tamanhos comuns de 1 a 64 px, recalculada para a base atual com a linha base destacada.

Principais benefícios

✓ O valor convertido, a linha CSS e a tabela de referência são atualizados enquanto você digita – nenhum botão para pressionar.
✓ O tamanho da fonte base é ajustável, portanto, projetos com base em 10px e escalas tipográficas personalizadas funcionam tão bem quanto o padrão de 16px.
✓ Funciona inteiramente no seu navegador: nada é carregado e a linha CSS pronta para cópia está a um clique de distância.

Casos de uso

  • • Transforme um valor de pixel de uma maquete de design no rem que a folha de estilo precisa.
  • • Converta valores rem do CSS de outra pessoa de volta em pixels para corresponder a uma especificação.
  • • Retrabalhe toda uma escala tipográfica depois de mudar para o tamanho da fonte raiz de 10px (62,5%).