1. Insira um valor
Digite um número no campo de entrada.
Converter Tailwind para pixels
Este conversor converte instantaneamente. Introduza um valor e o resultado aparece imediatamente.
Loading tool editor...
Quando precisa converter unidades Tailwind em pixels?
Tailwind CSS usa uma escala de espaçamento onde cada unidade = 0,25 rem = 4 px (com raiz 16px). Assim p-4 = 1 rem = 16 px, p-8 = 2 rem = 32 px.
Todos os cálculos são executados localmente no seu navegador.
Como usar o conversor?
2. Leia o resultado
O resultado aparece instantaneamente.3. Copie ou inverta
Copie o resultado ou inverta a direção de conversão.
Quando este conversor é útil?
Debug CSS
Verifique tamanhos: p-6 = 24 px, m-8 = 32 px, gap-4 = 16 px.Entrega de design
Traduza classes Tailwind em valores pixel para designers.Design responsivo
Breakpoints: sm = 640px, md = 768px, lg = 1024px, xl = 1280px.Configuração personalizada
Planeje escalas personalizadas conhecendo os valores padrão.
O que diferencia este conversor?
Privacidade total
Todos os cálculos são executados localmente no seu navegador.Resultados em tempo real
O resultado atualiza enquanto digita.Conversão bidirecional
Converta em ambas as direções com um clique.Tabela de referência
Tabela com valores comuns e descrições contextuais.
Como funciona o spacing do Tailwind?
Spacing Tailwind = valor × 0,25 rem. Com raiz 16px: spacing × 4 = pixels.
Tamanhos de fonte: text-sm = 14px, text-base = 16px, text-lg = 18px.
Como funciona o spacing do Tailwind?
Spacing Tailwind = valor × 0,25 rem. Com raiz 16px: spacing × 4 = pixels.
Tamanhos de fonte: text-sm = 14px, text-base = 16px, text-lg = 18px.
Escala de spacing do Tailwind
| Tailwind | rem | px (raiz 16px) |
|---|---|---|
| 1 | 0,25rem | 4px |
| 4 | 1rem | 16px |
| 8 | 2rem | 32px |
| 16 | 4rem | 64px |
| 64 | 16rem | 256px |
rem
- 1
0,25rem - 4
1rem - 8
2rem - 16
4rem - 64
16rem
px (raiz 16px)
- 1
4px - 4
16px - 8
32px - 16
64px - 64
256px
Converter outras unidades para px
Explorar outros conversores de unidades
Perguntas frequentes
Ajude-nos a melhorar as nossas ferramentas
Tem uma ideia, encontrou um bug ou quer sugerir uma funcionalidade? Escreva-nos – respondemos em 24 horas.