Conversor px / rem / em
Converta unidades CSS px, rem, em, pt e % com uma base configurável.
- Instantânea
- Grátis
- Privada (processada localmente)
- Sem registo
Converta as unidades CSS num instante
Introduza um valor e a sua unidade, escolha a base (tamanho de fonte raiz, 16 por defeito) e obtenha os equivalentes em px, rem, em, pt e %. Clique num valor para o copiar.
-
Introduza o valor
E a sua unidade de partida.
-
Defina a base
O tamanho de fonte raiz (16px por defeito).
-
Copie a unidade que quiser
Um clique copia o valor pronto para CSS.
Equivalências (base 16px)
| px | rem | em | pt | % |
|---|---|---|---|---|
| 16 | 1 | 1 | 12 | 100 |
| 24 | 1.5 | 1.5 | 18 | 150 |
| 8 | 0.5 | 0.5 | 6 | 50 |
| 32 | 2 | 2 | 24 | 200 |
Relações: 1 rem = base px; 1 px = 0,75 pt; % = px ÷ base × 100. Tudo é calculado localmente.
Perguntas frequentes
Qual a diferença entre px, rem e em?
px é um tamanho fixo. rem é relativo ao tamanho de fonte do elemento raiz (html), 16px por defeito. em é relativo ao tamanho de fonte do pai. Aqui a base que define é a referência para rem, em e %.
Porquê usar rem em vez de px?
rem respeita o tamanho de fonte que o utilizador escolheu no navegador: o seu site continua legível e acessível quando alguém aumenta o tamanho por defeito. Recomendado para fontes e muitos espaçamentos.
Como se passa de px a pt?
Em CSS, 1px = 1/96 de polegada e 1pt = 1/72 de polegada, logo 1px = 0,75pt. Com uma base de 16, 16px = 12pt. O pt usa-se sobretudo para impressão.
Quanto vale 1 rem?
1 rem = o tamanho de fonte raiz. Com a base por defeito de 16, 1 rem = 16px = 100%. Se definir a base a 10, 1 rem = 10px, o que simplifica os cálculos (1,6 rem = 16px).