Converta Rem para Pixels
Insira um valor rem para convertê-lo para pixels. A conversão multiplica seu valor rem pelo tamanho de fonte raiz (padrão 16px). Use isso quando precisar entender a saída real em pixels de unidades CSS relativas.
Valores Comuns de Rem para Pixels
| Rem | Pixels (base 16px) | Pixels (base 14px) | Contexto |
|---|---|---|---|
| 0.5rem | 8px | 7px | Espaçamento pequeno |
| 0.75rem | 12px | 10.5px | Texto pequeno |
| 0.875rem | 14px | 12.25px | Texto do corpo (alguns frameworks) |
| 1rem | 16px | 14px | Tamanho de fonte base |
| 1.25rem | 20px | 17.5px | Texto do corpo grande |
| 1.5rem | 24px | 21px | Cabeçalhos H3 / seção |
| 2rem | 32px | 28px | Cabeçalhos H2 |
| 3rem | 48px | 42px | Cabeçalhos H1 |
Como Usar
- A ferramenta abre com 1rem pré-preenchido, convertendo para 16px
- Digite qualquer valor rem no campo de entrada
- Ajuste o tamanho da fonte base se seu projeto usar algo diferente de 16px
- Copie o valor em pixels da tabela de resultados
Exemplo do Mundo Real
Você vê font-size: 1.25rem nos estilos calculados e precisa saber o tamanho real em pixels. Com um tamanho de fonte raiz de 16px, multiplique 1.25 × 16 = 20px. Se seu framework usar base de 14px, seria 1.25 × 14 = 17.5px.
Para mais conversões, consulte o Conversor de Unidades CSS completo ou experimente Px para Rem.