Conversor de pixels para EM/REM
Converta px, rem, em, pt e % com uma tabela ao vivo e CSS pronto a copiar
rem é relativo ao tamanho da fonte raiz; em e % são relativos ao elemento pai.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
Sobre Conversor de pixels para EM/REM
O conversor de pixel para EM/REM traduz valores de comprimento CSS entre px, rem, em, pt e porcentagem. Digite um valor em qualquer uma das cinco unidades e uma tabela em tempo real mostra seu equivalente em todas as outras — além de um trecho de CSS pronto para copiar direto em uma folha de estilo.
As conversões respeitam como o CSS realmente resolve as unidades: rem é relativo ao tamanho de fonte raiz, enquanto em e % são relativos ao tamanho de fonte do elemento pai. Ambos os tamanhos de referência são editáveis, então você pode modelar uma raiz de 16 px com um componente de 14 px, ou qualquer escala de design system que use.
Uma tabela de valores comuns mapeia os tamanhos que os designers mais usam — assim, perguntas como “quanto é 24px em rem” são respondidas de relance. A ferramenta é gratuita, atualiza conforme você digita e é indispensável para converter mockups de pixels fixos em CSS acessível e escalável baseado em rem.
Como usar Conversor de pixels para EM/REM
- Digite o valor a converter e selecione sua unidade: px, rem, em, pt ou %.
- Ajuste o tamanho de fonte raiz (para rem) e o tamanho de fonte pai (para em e %) se forem diferentes de 16 px.
- Leia os valores convertidos na tabela em tempo real.
- Copie o trecho de CSS gerado ou qualquer valor da tabela de valores comuns.