DevBentoConversor de Px para Rem
Converta pixels para unidades rem instantaneamente. Conversor CSS px para rem gratuito online com ajuste de tamanho de fonte base.
Configurações da viewport
| Unidade | Valor | |
|---|---|---|
| pxPixel | 16 | |
| ptPoint | 12 | |
| pcPica | 1 | |
| cmCentimeter | 0.42333333 | |
| mmMillimeter | 4.2333333 | |
| inInch | 0.16666667 | |
| remRoot em | 1 | |
| emEm | 1 | |
| vwViewport width | 1.1111111 | |
| vhViewport height | 1.7777778 | |
| vminViewport minimum | 1.7777778 | |
| vmaxViewport maximum | 1.1111111 | |
| exx-height (approx) | 2 | |
| chCharacter width (approx) | 1.6666667 |
Converta Pixels para Rem
Insira um valor em pixels para convertê-lo para unidades rem. A conversão divide seu valor em pixels pelo tamanho de fonte raiz (padrão 16px). Esta é a conversão de unidades CSS mais comum para desenvolvimento web moderno.
Valores Comuns de Pixels para Rem
| Pixels | Rem (base 16px) | Rem (base 14px) | Caso de Uso |
|---|---|---|---|
| 12px | 0.75rem | 0.857rem | Texto pequeno |
| 14px | 0.875rem | 1rem | Texto do corpo |
| 16px | 1rem | 1.143rem | Tamanho de fonte base |
| 18px | 1.125rem | 1.286rem | Texto de cabeçalho |
| 24px | 1.5rem | 1.714rem | Cabeçalhos H3 |
| 32px | 2rem | 2.286rem | Cabeçalhos H2 |
| 48px | 3rem | 3.429rem | Cabeçalhos H1 |
Como Usar
- A ferramenta abre com 16px pré-preenchido, convertendo para 1rem
- Digite qualquer valor em pixels no campo de entrada
- Ajuste o tamanho da fonte base se seu projeto usar algo diferente de 16px
- Copie o valor rem da tabela de resultados
Exemplo do Mundo Real
Uma especificação de design requer 24px de preenchimento com um tamanho de fonte raiz de 16px. Divida 24 por 16 para obter 1.5rem. Se seu tamanho de fonte raiz for 14px, divida 24 por 14 para obter aproximadamente 1.714rem.
Para mais conversões, consulte o Conversor de Unidades CSS completo ou experimente Rem para Px.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.