Conversor de PX para REM (Unidades CSS)
Converta um tamanho CSS em píxeis para rem, em, pontos, percentagem e unidades da janela, para qualquer tamanho de letra da raiz.
Resultados
Tamanho em rem (e em com a letra da raiz)
1,5000
rem
Tamanho em pontos
18,00
pt
Em percentagem do tamanho da raiz
150,00
%
Em unidades de largura da janela (vw)
1,6667
vw
O que faz esta ferramenta
Os tamanhos em rem seguem o tamanho de letra que o leitor escolheu no navegador, por isso o texto e os espaços em rem crescem para quem precisa de letras maiores, enquanto os tamanhos em píxeis ignoram essa definição. Os navegadores partem de 16 px, e é por isso que 1 rem costuma ser 16 px; mude o tamanho da raiz se a sua folha de estilos definir outro no elemento html. Um ponto CSS é 1/72 de polegada e um píxel CSS 1/96, por isso um píxel é sempre 0,75 pt. Para o caminho inverso, multiplique o valor em rem pelo tamanho da raiz.
Fórmula
rem = px ÷ root size · pt = px × 0.75 · vw = px ÷ viewport width × 100
Variáveis
| Símbolo | Significado | Unidade |
|---|---|---|
px | Tamanho em píxeis | px |
bf | Tamanho de letra da raiz | px |
vw | Largura da janela | px |
REM | Tamanho em rem (e em com a letra da raiz) | rem |
PT | Tamanho em pontos | pt |
PC | Em percentagem do tamanho da raiz | % |
VW | Em unidades de largura da janela (vw) | vw |
Exemplo resolvido
- Tamanho em píxeis24 px
- Tamanho de letra da raiz16 px
- Largura da janela1440 px
- Tamanho em rem (e em com a letra da raiz)1,5000 rem
- Tamanho em pontos18,00 pt
- Em percentagem do tamanho da raiz150,00 %
- Em unidades de largura da janela (vw)1,6667 vw
Limitações
- O cálculo é feito inteiramente no seu navegador. Os valores que introduz nunca são enviados para um servidor.
- O cálculo é feito com precisão total e apenas a apresentação é arredondada. Se copiar um valor intermédio e voltar a escrevê-lo, podem surgir pequenas diferenças.