Converta entre px, rem, em, %, vw, vh e outras unidades CSS instantaneamente.
→
Resultado
1rem
16equivalente em px
Conversões comuns (base 16px)
pxrempt
1px0.0625rem0.75pt
8px0.5rem6pt
10px0.625rem7.5pt
12px0.75rem9pt
14px0.875rem10.5pt
16px1rem12pt
18px1.125rem13.5pt
20px1.25rem15pt
24px1.5rem18pt
32px2rem24pt
48px3rem36pt
64px4rem48pt
Como converter unidades CSS
Converta entre px, rem, em, %, vw, vh e outras unidades CSS com o conversor gratuito do The IT Hustle.
1
Insira um valorDigite o valor numérico que você quer converter no campo de entrada.
2
Selecione as unidadesEscolha a unidade de origem e a unidade de destino nos menus suspensos. Unidades suportadas: px, rem, em, %, vw, vh, pt, cm, mm, in.
3
Defina os valores basePara conversões com rem/em, defina o tamanho base da fonte (padrão: 16px). Para conversões com vw/vh, defina as dimensões do viewport.
4
Copie o valor CSSClique em Copiar para copiar o valor convertido com o sufixo da unidade (ex: '1.5rem'), pronto para colar na sua folha de estilos.
Perguntas frequentes
Use rem para tamanhos de fonte e espaçamentos, pois respeita as configurações de acessibilidade do usuário. Use px para bordas, sombras e valores muito pequenos onde a renderização subpixel não importa. O ponto-chave é que rem escala junto com a configuração de tamanho de fonte do navegador.
Definir html { font-size: 62.5% } faz com que 1rem equivalha a 10px (em vez dos 16px padrão), facilitando o cálculo mental: 1.6rem = 16px, 2rem = 20px. Porém, essa abordagem é controversa, pois pode afetar componentes de terceiros.
rem é relativo ao tamanho de fonte do elemento raiz (geralmente 16px). em é relativo ao tamanho de fonte do elemento pai, o que pode se acumular e se tornar imprevisível em elementos aninhados. Em geral, rem é preferido por ser mais consistente.