Convertitore px ↔ rem ↔ em ↔ vw
Trasforma qualsiasi misura CSS nelle altre unità all’istante. Regola dimensione base e finestra per equivalenze esatte e clicca un risultato per copiarlo.
Elaborato al 100% nel tuo browser
Equivalenze
Tabella px → rem
Ctrl + Enter eseguiCtrl + C copia risultato
Come si usa
- 1Scrivi il valore e scegli la sua unità.
- 2Regola la dimensione font di base (16 px di default) e quella della finestra.
- 3Clicca un’equivalenza per copiarla.
- 4Consulta la tabella px-rem per le dimensioni comuni.
Casi d’uso
- Convertire un design in pixel in rem per un CSS accessibile.
- Calcolare larghezze relative al viewport con vw e vh.
- Trasformare i punti di un design di stampa in pixel.
- Usare una base di 10 px per semplificare i calcoli.
Domande frequenti
Quanti px è 1 rem?
16 px di default, la dimensione del font dei browser. Cambia se l’utente o il CSS modifica il font radice.
Che differenza c’è tra rem ed em?
rem dipende dal font dell’elemento radice; em da quello dell’elemento stesso o del suo genitore. Qui entrambi usano la base impostata.
Perché usare rem invece di px?
Perché rispetta l’impostazione della dimensione del testo dell’utente, migliorando l’accessibilità.
Come si calcolano vw e vh?
1vw è l’1 % della larghezza della finestra e 1vh l’1 % dell’altezza; per questo si inseriscono in pixel.