1. Inserisci un valore
Digita un numero nel campo di inserimento.
Convertire Tailwind in pixel
Questo convertitore converte istantaneamente. Inserisci un valore e il risultato appare subito.
Loading tool editor...
Quando serve convertire unità Tailwind in pixel?
Tailwind CSS usa una scala di spaziatura dove ogni unità = 0,25 rem = 4 px (con radice 16px). Così p-4 = 1 rem = 16 px, p-8 = 2 rem = 32 px.
Tutti i calcoli vengono eseguiti localmente nel tuo browser.
Come usare il convertitore?
2. Leggi il risultato
Il risultato appare istantaneamente.3. Copia o inverti
Copia il risultato o inverti la direzione di conversione.
Quando è utile questo convertitore?
Debug CSS
Verifica dimensioni: p-6 = 24 px, m-8 = 32 px, gap-4 = 16 px.Consegna design
Traduci classi Tailwind in valori pixel per i designer.Design responsive
Breakpoint: sm = 640px, md = 768px, lg = 1024px, xl = 1280px.Configurazione personalizzata
Pianifica scale personalizzate conoscendo i valori standard.
Cosa rende diverso questo convertitore?
Privacy totale
Tutti i calcoli vengono eseguiti localmente nel tuo browser.Risultati in tempo reale
Il risultato si aggiorna mentre digiti.Conversione bidirezionale
Converti in entrambe le direzioni con un clic.Tabella di riferimento
Tabella con valori comuni e descrizioni contestuali.
Come funziona lo spacing Tailwind?
Spacing Tailwind = valore × 0,25 rem. Con radice 16px: spacing × 4 = pixel.
Dimensioni font: text-sm = 14px, text-base = 16px, text-lg = 18px.
Come funziona lo spacing Tailwind?
Spacing Tailwind = valore × 0,25 rem. Con radice 16px: spacing × 4 = pixel.
Dimensioni font: text-sm = 14px, text-base = 16px, text-lg = 18px.
Scala spacing Tailwind
| Tailwind | rem | px (radice 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 (radice 16px)
- 1
4px - 4
16px - 8
32px - 16
64px - 64
256px
Converti altre unità in px
Esplora altri convertitori di unità
Domande frequenti
Aiutaci a migliorare i nostri strumenti
Hai un'idea, trovato un bug o vuoi suggerire una funzionalità? Scrivici – rispondiamo entro 24 ore.