Conversor Em/Px
Converta entre unidades CSS: px, em, rem, pt e %. Defina seu tamanho de fonte base e veja todas as conversões instantaneamente com uma tabela de referência rápida.
Base Font Size
px(browser default: 16px)
Convert a Value
px
16em
1rem
1pt
12%
100Text Preview
The quick brown fox
Previewing at 16px
Quick Reference TableBase: 16px
| px | em | rem | pt | % |
|---|---|---|---|---|
| 8 | 0.5 | 0.5 | 6 | 50% |
| 10 | 0.625 | 0.625 | 7.5 | 62.5% |
| 12 | 0.75 | 0.75 | 9 | 75% |
| 14 | 0.875 | 0.875 | 10.5 | 87.5% |
| 16 | 1 | 1 | 12 | 100% |
| 18 | 1.125 | 1.125 | 13.5 | 112.5% |
| 20 | 1.25 | 1.25 | 15 | 125% |
| 24 | 1.5 | 1.5 | 18 | 150% |
| 28 | 1.75 | 1.75 | 21 | 175% |
| 32 | 2 | 2 | 24 | 200% |
| 36 | 2.25 | 2.25 | 27 | 225% |
| 40 | 2.5 | 2.5 | 30 | 250% |
| 48 | 3 | 3 | 36 | 300% |
| 64 | 4 | 4 | 48 | 400% |
| 72 | 4.5 | 4.5 | 54 | 450% |
| 96 | 6 | 6 | 72 | 600% |
All conversions happen entirely in your browser. No data is sent to any server.
Como Usar Conversor Em/Px
- 1Defina seu tamanho de fonte base (padrão 16px).
- 2Digite um valor e selecione a unidade de entrada.
- 3Veja conversões para todas as outras unidades CSS instantaneamente.
- 4Use a tabela de referência para tamanhos de fonte comuns.
ZenovayAnalytics
Transforme seu tráfego em clientes.
- Acompanhamento de visitantes em tempo real
- Privacidade em primeiro lugar, modo sem cookies disponível
- Configurado em dois minutos
Ferramentas Relacionadas
Conversor de Cores
Converta cores entre os formatos HEX, RGB, HSL e CMYK. Visualização ao vivo com seletor de cores.Conversor de Unidades
Converta entre unidades de comprimento, peso, temperatura, área, volume, velocidade e muito mais.Conversor de Base Numérica
Converta números entre as bases binária, octal, decimal e hexadecimal.Conversor de Timestamp Unix
Converta entre timestamps Unix e datas legíveis por humanos. Mostre ISO 8601, UTC, hora local e hora relativa.Perguntas Frequentes
Qual é a diferença entre em, rem e px?▾
px (pixels) é uma unidade absoluta baseada em pixels de tela. em é relativo ao tamanho da fonte do elemento pai. rem é relativo ao tamanho da fonte do elemento raiz (html). Com uma raiz de 16px, 1rem = 16px. em se compõe quando aninhado (1.5em dentro de 1.5em = 2.25× o tamanho da raiz); rem não.
Quando devo usar cada unidade CSS?▾
Use rem para tamanhos de fonte (dimensiona com as preferências do usuário). Use em para espaçamento interno do componente que deve dimensionar com o texto do componente. Use px para bordas, sombras e elementos de tamanho fixo. Use % para larguras e layouts. Use vw/vh para dimensionamento relativo à viewport.
Qual é o tamanho de fonte base padrão?▾
Os navegadores padronizam 16px para o tamanho da fonte raiz. Os usuários podem alterar isso nas configurações do navegador para acessibilidade. Por isso 1rem = 16px por padrão, e por que usar unidades rem respeita as preferências do usuário enquanto px não.
Como as unidades CSS afetam o design responsivo?▾
Unidades rem e em dimensionam com as configurações de tamanho de fonte, tornando-as responsivas. A função CSS clamp() combina valores mín, preferido e máx: font-size: clamp(1rem, 2.5vw, 2rem). As consultas de mídia podem ajustar o tamanho da fonte raiz e todos os valores baseados em rem dimensionam proporcionalmente.
Como as unidades CSS afetam a acessibilidade?▾
Os usuários que aumentam o tamanho da fonte padrão do navegador esperam que o texto dimensione adequadamente. Tamanhos de fonte baseados em px ignoram essa preferência. Tamanhos baseados em rem a respeitam. O Critério de Sucesso 1.4.4 do WCAG 2.1 exige que o texto seja redimensionável até 200% sem perda de conteúdo. Usar rem para tamanhos de fonte ajuda a atender a esse requisito.