Convertitore px / rem / em
Converti le unità CSS px, rem, em, pt e % con base configurabile.
- Istantaneo
- Gratis
- Privato (elaborato localmente)
- Senza registrazione
Converti le unità CSS in un istante
Inserisci un valore e la sua unità, scegli la base (dimensione font radice, 16 di default) e ottieni gli equivalenti in px, rem, em, pt e %. Clicca un valore per copiarlo.
-
Inserisci il valore
E la sua unità di partenza.
-
Imposta la base
La dimensione font radice (16px di default).
-
Copia l’unità che vuoi
Un clic copia il valore pronto per il CSS.
Equivalenze (base 16px)
| px | rem | em | pt | % |
|---|---|---|---|---|
| 16 | 1 | 1 | 12 | 100 |
| 24 | 1.5 | 1.5 | 18 | 150 |
| 8 | 0.5 | 0.5 | 6 | 50 |
| 32 | 2 | 2 | 24 | 200 |
Relazioni: 1 rem = base px; 1 px = 0,75 pt; % = px ÷ base × 100. Tutto è calcolato localmente.
Domande frequenti
Qual è la differenza tra px, rem ed em?
px è una dimensione fissa. rem è relativo alla dimensione del font dell’elemento radice (html), 16px di default. em è relativo al font del genitore. Qui la base che imposti è il riferimento per rem, em e %.
Perché usare rem invece di px?
rem rispetta la dimensione del font scelta dall’utente nel browser: il sito resta leggibile e accessibile quando si aumenta la dimensione predefinita. Consigliato per i font e molte spaziature.
Come si passa da px a pt?
In CSS, 1px = 1/96 di pollice e 1pt = 1/72 di pollice, quindi 1px = 0,75pt. Con base 16, 16px = 12pt. Il pt si usa soprattutto per la stampa.
Quanto vale 1 rem?
1 rem = la dimensione del font radice. Con la base predefinita 16, 1 rem = 16px = 100%. Se imposti la base a 10, 1 rem = 10px, semplificando i calcoli (1,6 rem = 16px).