Conversor de PX para REM
Converta comprimentos CSS entre px, rem, em, pt e outras unidades. rem e em dependem de um tamanho de fonte-base, então você informa a base com que converter.
Como as unidades CSS se convertem
As unidades absolutas do CSS (px, pt, pc, in, cm, mm, Q) são definidas na especificação do W3C CSS Values and Units, da seguinte forma.
| Unidade | Definição | Em px |
|---|---|---|
| in (polegada) | 1in = 2.54cm = 96px | 96 px |
| px (pixel) | 1px = 1/96 in | 1 px |
| pt (ponto) | 1pt = 1/72 in | 4/3 px (cerca de 1,3333 px) |
| pc (paica) | 1pc = 1/6 in (12pt) | 16 px |
| cm (centímetro) | 1in = 2.54cm | cerca de 37,7953 px |
| mm (milímetro) | 1cm = 10mm | cerca de 3,77953 px |
| Q (quarto de milímetro) | 1Q = 1/40 cm | cerca de 0,944882 px |
O cálculo usa frações exatas. Um valor que não divide exatamente (como cm, mm ou Q em px) é rotulado como "valor arredondado".
rem e em dependem de um tamanho de fonte-base
- rem é relativo ao font-size do elemento raiz (
html). Com uma base de 16px, 1rem = 16px. Se você definirhtml { font-size: 62.5% }, a base passa a 10px (quando o padrão do navegador é 16px), e 1.6rem = 16px. - em é relativo ao font-size do elemento em que é usado. A exceção é a própria propriedade
font-size: quando em é usado emfont-size, ele se refere ao font-size herdado do elemento pai (é o que diz a especificação do W3C). Em propriedades comopaddingemargin, em se refere ao font-size do próprio elemento. - Valores em aninhados (por exemplo, 1.2em dentro de outro 1.2em, o que se multiplica para 1,44) não são calculados aqui. Informe como base o font-size calculado (real).
O valor inicial de 16px é só um padrão conveniente. Esta ferramenta converte com a base (em px) que você informar, e uma base diferente dá um resultado diferente de rem ou em.
Um pixel CSS não é um pixel de tela
Um px do CSS não é um pixel físico em uma tela (um pixel do dispositivo). É um pixel de referência definido como 1/96 de polegada. Em uma tela de alta densidade, um pixel CSS pode ser desenhado com vários pixels do dispositivo (por exemplo, 2 × 2).
Exemplos
- 16px = 1rem = 1em = 12pt (com uma base de 16px)
- 24px = 2.4rem (com uma base de 10px)
- 1.6rem = 16px (com uma base de 10px)
- 1in = 96px = 72pt = 6pc = 2.54cm
- 10mm ≈ 37.79528px
- 0.75pt = 1px
Observações
- Unidades que dependem do tamanho da tela, do tamanho do pai ou do formato da fonte (vw, vh, %, ch, ex etc.) não podem ser convertidas só a partir de um número, então não estão incluídas.
- O valor pode ter até 12 algarismos antes da vírgula decimal e 6 casas decimais, e pode ser negativo (o CSS tem comprimentos negativos, como
margin: -10px). Uma base deve ser maior que 0. Separadores de milhar só são aceitos se forem inequívocos (1.234,5 ou 1,234.5); use vírgula ou ponto como separador decimal. - Os resultados são mostrados com 7 algarismos significativos. Você pode copiar o valor como exibido ou com 15 algarismos significativos.
Fontes
- W3C, CSS Values and Units Module Level 3: as definições das unidades de comprimento absolutas e de em e rem (conferidas em 31 de outubro de 2026; a página era o Candidate Recommendation Draft de 22 de março de 2024). Lista o rem como o font-size do elemento raiz e o em como o font-size calculado do elemento, ou do pai quando usado na propriedade
font-size.
Perguntas frequentes
Quantos px é 1rem?
Depende do font-size do elemento raiz (html). Com uma base de 16px são 16px, mas se o font-size de html mudar, o tamanho de 1rem também muda. Informe sua base para converter.
Devo usar px ou pt?
px e rem são comuns para telas. pt é mais usado no CSS para impressão. Como 1pt = 4/3 px, 12pt são 16px.
Qual é a diferença entre em e rem?
rem é relativo ao font-size do elemento raiz, então tem o mesmo tamanho onde quer que você o use. em é relativo ao font-size de onde é usado, então elementos aninhados podem mudar seu tamanho.