Convertitore di unità CSS

A cosa serve

Un valore in pixel si converte in rem sempre allo stesso modo, ma percentuale, vw e vh no: dipendono da una dimensione del contenitore o da un viewport che cambia da pagina a pagina. Questo strumento chiede subito quel contesto, così i numeri restituiti sono quelli che verrebbero effettivamente resi a schermo, non una stima generica basata su una radice di 16px. Qui rem ed em sono trattati allo stesso modo, entrambi scalati dalla dimensione del font di base che inserisci, perché senza un vero elemento genitore nella pagina non c'è una dimensione del genitore separata su cui distinguerli. Cambia la dimensione del font di base per vedere come l'impostazione del testo ingrandito di un visitatore sposta contemporaneamente tutti i valori in rem ed em.

Come si usa

1. Inserisci il valore e scegli l'unità di partenza.
2. Imposta la dimensione del font di base, larghezza e altezza del viewport, e la dimensione del contenitore di riferimento.
3. Leggi la stessa lunghezza convertita in tutte le altre unità.

Privacy

Questo strumento funziona interamente nel tuo browser. Quello che inserisci non viene mai caricato, salvato o condiviso: chiudendo la scheda sparisce.

Domande frequenti

Perché rem ed em danno lo stesso risultato?

Entrambi si scalano da una dimensione del font di base. rem usa sempre la dimensione della radice ed em quella del genitore, ma questo strumento non ha una pagina reale da cui leggere un genitore vero, quindi usa la dimensione base che inserisci per entrambi.

A cosa serve la dimensione del contenitore?

È il riferimento per la percentuale: una percentuale ha senso solo in relazione a qualcosa, e qui quel qualcosa è la dimensione del contenitore che inserisci.

Viene inviato qualcosa a un server?

No. La conversione viene calcolata nella pagina a partire dai numeri che digiti.