px para rem

Um conversor que calcula o rem a partir de px para um tamanho de rem fornecido, tornando a medição responsiva

Pixels
Tamanho REM

Teclas de atalho

C

Calcula e copia o resultado do cálculo.

V

Calcula o resultado.

B

Copia o resultado do cálculo.

R

Inverte o conversor para "REM para PX".

Q

Foca o campo "Pixels".

W

Foca o campo "Tamanho REM".

Extensões

FAQ

Como converter PX para REM?

Para converter px em rem, você precisa saber o tamanho total de 1 REM, o padrão é 16px Em seguida, aplique a fórmula: px / rem Por exemplo, com tamanho de 1rem igual a 16px, 32px será convertido para: 32 / 16 = 2rem

Qual é a fórmula de PX para REM?

px / rem

O que é a unidade rem?

REM é definido em relação ao tamanho da fonte do elemento raiz. O elemento raiz é correspondido pela pseudo-classe :root ou pelo seletor html. Portanto, 1 REM assume o valor atribuído ao font-size do elemento raiz. Isso significa que 1 REM mantém o mesmo valor em todo o seu código CSS.

O que é a unidade px? (Pixels)

A unidade de pixel é teoricamente o menor ponto exibido em uma tela de computador. Atualmente, a unidade de pixel pode diferir entre a resolução física e a resolução lógica. Essa diferença é chamada de proporção de pixels do dispositivo ou DPR: Resolução lógica = resolução física / proporção de pixels do dispositivo. Assim, uma tela com resolução física de 1024x768 e DPR de 2 terá uma resolução lógica de 512x384.

Tabela de conversão de PX para REM quando o tamanho de rem é 16px

pxrem
10px0.625rem
20px1.25rem
30px1.875rem
40px2.5rem
50px3.125rem
60px3.75rem
70px4.375rem
80px5rem
90px5.625rem
100px6.25rem
110px6.875rem
120px7.5rem
130px8.125rem
140px8.75rem
150px9.375rem
160px10rem
170px10.625rem
180px11.25rem
190px11.875rem
200px12.5rem
210px13.125rem
220px13.75rem
230px14.375rem
240px15rem
250px15.625rem

Mais conversões de PX e REM

px para rem