Convertitore Unità CSS
Converti tra px, rem, em, vh, vw, pt, pc e %. Root font-size e viewport configurabili.
Configurazione avanzata
16px1rem1em12pt1pc2.0833vh1.1111vw100%Come utilizzare Convertitore Unità CSS
Inserisci il valore e l'unità di partenza
Digita il numero da convertire nel campo "Valore" e scegli l'unità CSS di origine (px, rem, em, pt, pc, vh, vw, %) dal menu a tendina.
Configura root font-size e viewport se necessario
Apri "Configurazione avanzata" per personalizzare root font-size (per rem), parent font-size (per em) e dimensioni viewport (per vh/vw), se diverse dai valori di default (16px, viewport rilevato dal browser).
Leggi la tabella con tutte le conversioni
La tabella dei risultati mostra il valore convertito in tempo reale in tutte le unità supportate, con l'unità di origine evidenziata.
Copia il valore formattato che ti serve
Premi "Copia" accanto all'unità desiderata per copiare negli appunti il valore già formattato (es. "1.5rem"), pronto da incollare nel tuo CSS.
Suggerimenti
- Per progetti responsive, converti in vw/vh solo per elementi che devono scalare col viewport: per il testo è quasi sempre preferibile rem, più prevedibile e accessibile.
- Se il tuo progetto usa un root font-size diverso da 16px (tecnica comune per scalare l'intero design system), aggiornalo in "Configurazione avanzata" prima di convertire i valori rem.
Domande frequenti
Come vengono convertite le unità relative come rem ed em?
rem è calcolato in base al "root font-size" (di default 16px, il valore standard del tag html), mentre em è calcolato in base al "parent font-size" configurabile separatamente. Entrambi i valori sono modificabili nella sezione "Configurazione avanzata" per riflettere il tuo progetto.
Da dove vengono presi i valori di viewport height e width?
All'apertura della pagina il tool legge automaticamente larghezza e altezza della finestra del tuo browser per calcolare vh e vw. Puoi comunque sovrascriverli manualmente in "Configurazione avanzata" per simulare altri dispositivi o breakpoint.
Che differenza c'è tra pt/pc e le unità CSS più comuni?
pt (punto) e pc (pica) sono unità tipografiche ereditate dalla stampa, convertite secondo lo standard CSS (1pt = 1/72 di pollice, 1pc = 12pt), assumendo la risoluzione di riferimento di 96 px per pollice usata dai browser.
Il calcolo della percentuale (%) è sempre corretto per il mio caso?
La percentuale è calcolata rispetto al "parent font-size" configurato, che è l'interpretazione corretta quando % viene usata per font-size. Se stai convertendo un valore % riferito a larghezza/altezza del contenitore (non al font), il riferimento corretto è la dimensione del parent element, non quella impostata qui.
I miei dati vengono inviati a un server?
No, tutte le conversioni avvengono istantaneamente nel browser tramite formule matematiche pure, senza alcuna chiamata di rete.