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

Conversor PX para REM com base de 10px

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 com o tamanho da fonte base predefinido para 10px. Essa é a configuração clássica do html { font-size: 62,5% }: 62,5% do padrão do navegador 16px é exatamente 10px, então os valores rem tornam-se trivialmente legíveis - 14px é 1,4rem, 18px é 1,8rem, 24px é 2,4rem.

As equipes adotam a base de 10px justamente para evitar dezesseis décimos desajeitados: em vez de lembrar que 14px é 0,875rem, basta mover a vírgula decimal. Como o truque usa uma porcentagem em vez de um valor fixo de pixel, ele ainda respeita o tamanho da fonte que o usuário define nas preferências do navegador, que é todo o argumento de acessibilidade para unidades rem em primeiro lugar.

Digite qualquer valor de pixel para obter seu equivalente rem na base de 10px junto com uma linha CSS pronta para cópia e verifique a tabela de referência abaixo para toda a escala de 1 a 64 px já convertida. Se o seu projeto usa um tamanho de raiz diferente, altere o campo base e tudo segue ao vivo.

🛡️
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%).