Skip to content

Convertitore PX in REM — Pixel in Rem, Live e Privato

Converti px in rem online all'istante con un root font-size personalizzabile. 16px = 1rem di default. Conversione live bidirezionale, pronta da copiare.

Niente tracciamento Funziona nel browser Gratuito
px
Anteprima

La volpe veloce salta

Verificato per l'accuratezza dell'unità rem CSS e le indicazioni sull'accessibilità — Team di Ingegneria Go Tools · Jun 11, 2026

Riferimento rapido

Quanto è 16px in rem?

16px = 1rem (con base 16px) Con il root font-size predefinito del browser di 16px, 16px equivale esattamente a 1rem. Questa è l'ancora per ogni altra conversione: rem = px ÷ 16.

Qual è la formula px in rem?

rem = px ÷ root-font-size Dividi il valore in pixel per il root font-size. Per esempio, 24px ÷ 16 = 1.5rem. Cambia la base nello strumento se il tuo progetto non usa 16px.

Cos'è il trucco del 62.5%?

62.5% → 1rem = 10px Impostare html { font-size: 62.5% } rende il root 10px, quindi 1rem = 10px e la matematica del rem è solo "dividi per 10". Imposta la base di questo strumento a 10 per usarlo.

Cos'è un convertitore PX in REM?

Un convertitore px in rem traduce le misure in pixel in unità rem per il CSS. L'unità rem ("root em") è relativa al font-size dell'elemento root : 1rem equivale sempre al root font-size, che i browser impostano a 16px di default. La conversione è una semplice divisione — rem = px ÷ root-font-size — ma farla a mano per ogni dimensione di font, margine e breakpoint di un foglio di stile è noioso e soggetto a errori, ed è proprio ciò che questo strumento elimina.

Il motivo per convertire è l'accessibilità e la scalabilità. Quando un valore è scritto in px, è bloccato a una dimensione fissa e ignora la preferenza di dimensione del font del browser dell'utente. Quando è scritto in rem, scala proporzionalmente se l'utente aumenta la dimensione predefinita del font — un adattamento cruciale per le persone ipovedenti e un'esperienza più fluida per chiunque usi lo zoom. Esprimere un design system in rem significa anche che un singolo cambiamento al root font-size riscala l'intera interfaccia in modo coerente.

Questo convertitore mantiene i campi pixel e rem collegati in tempo reale, così puoi muoverti in entrambe le direzioni e — a differenza degli strumenti che fissano una base di 16px — ti permette di impostare qualsiasi root font-size. Questo conta perché un foglio di stile che usa la tecnica del 62.5% (un root di 10px) converte in modo diverso da una configurazione predefinita a 16px. Un'anteprima live mostra la dimensione del testo risultante, e una tabella di riferimento elenca i valori px più comuni con una base di 16px per consultazioni rapide.

Ti serve la direzione inversa? Usa il convertitore rem in px. Per riordinare il foglio di stile stesso, prova il formattatore CSS, e per il lavoro sui colori vedi il convertitore di colori. Tutto viene eseguito nel tuo browser — i tuoi valori non lasciano mai il tuo dispositivo.

/* The core formula */
/* rem = px ÷ root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

.title  { font-size: 1.5rem;  } /* 24px */
.body   { font-size: 1rem;    } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card   { padding: 1.5rem;    } /* 24px */

/* JavaScript equivalent */
const pxToRem = (px, base = 16) => px / base;
console.log(pxToRem(24)); // 1.5
console.log(pxToRem(12)); // 0.75

Caratteristiche principali di questo convertitore PX in REM

Root font-size personalizzabile

Converti rispetto a qualsiasi base, non solo 16px. Adatta la tecnica del 62.5% (10px) o il root font-size reale del tuo progetto — la maggior parte degli strumenti fissa 16.

Conversione live bidirezionale

I campi pixel e rem restano collegati in tempo reale. Modifica un lato e l'altro si aggiorna all'istante rispetto alla base scelta.

Anteprima integrata della dimensione

Una riga di anteprima rende il testo alla dimensione in rem risultante così puoi vedere la scala, non solo il numero.

Copia con un clic

Copia il valore px o rem negli appunti con un solo clic, pronto da incollare direttamente nel tuo CSS.

Tabella di conversione di riferimento

Una tabella dei valori px più comuni e dei loro equivalenti in rem con una base di 16px per consultazioni rapide, senza digitare.

100% basato sul browser e privato

Tutti i calcoli avvengono localmente nel tuo browser. Nessuna richiesta al server, nessun tracciamento, nessuna memorizzazione dei dati — i tuoi valori non lasciano mai il tuo dispositivo.

Esempi di conversione PX in REM

Testo del corpo — 16px in rem

16
1rem

Con il root font-size predefinito di 16px, 16px equivale esattamente a 1rem. Questa è la base rispetto a cui si misura ogni altra conversione: rem = px ÷ 16.

Titolo — 24px in rem

24
1.5rem

Un titolo da 24px diventa 1.5rem (24 ÷ 16 = 1.5). Usare rem significa che il titolo scala automaticamente se l'utente cambia la dimensione predefinita del font del browser.

Etichetta piccola — 12px in rem

12
0.75rem

12px corrisponde a 0.75rem con una base di 16px. Le note in piccolo e le didascalie sono candidati comuni per rem così da rispettare le preferenze di dimensione del font del lettore.

Spaziatura — 8px in rem

8
0.5rem

8px equivale a 0.5rem. Molti design system esprimono padding e margini in rem così la spaziatura scala insieme al testo.

Trucco del 62.5% — base 10px, 18px in rem

18
1.125rem

Se imposti il root font-size a 10px (la tecnica del 62.5%), 18px diventa 1.8rem. Con la base predefinita di 16px, 18px è 1.125rem. Converti sempre rispetto alla base che il tuo progetto usa davvero.

Breakpoint — 768px in rem

768
48rem

Un breakpoint da 768px in una media query è 48rem con una base di 16px. I breakpoint basati su rem si ingrandiscono in modo più prevedibile quando gli utenti scalano il testo.

Come convertire i valori px comuni in rem

Riferimento rapido per i valori px che gli sviluppatori convertono più spesso in rem, con il root font-size predefinito di 16px.

Come convertire 16px in rem

16 px → 1 rem

Dividi 16 per il root font-size di 16px per ottenere 1rem. 16px è il valore ancora — equivale esattamente a 1rem su una configurazione predefinita, motivo per cui è il punto di riferimento per tutte le altre conversioni.

16 px → 1 rem

Memorizza 16px = 1rem. Da lì, dimezza per 0.5rem (8px) e raddoppia per 2rem (32px).

Provalo sopra — inserisci il tuo valore in pixel e vedi il rem all'istante.

Come convertire 24px in rem

24 px → 1.5 rem

Dividi 24 per 16 per ottenere 1.5rem. 24px è una dimensione comune per titoli e pulsanti grandi, quindi 1.5rem appare frequentemente nei design system.

24 px → 1.5 rem

24px è esattamente 1.5× la base, quindi corrisponde in modo pulito a 1.5rem — un valore ordinato per i titoli.

Provalo sopra — inserisci il tuo valore in pixel e vedi il rem all'istante.

Come convertire 12px in rem

12 px → 0.75 rem

Dividi 12 per 16 per ottenere 0.75rem. 12px è una dimensione comune per didascalie, etichette e note in piccolo che dovrebbero comunque rispettare le preferenze di dimensione del font dell'utente.

12 px → 0.75 rem

12px = 0.75rem (tre quarti della base). Utile per il testo secondario.

Provalo sopra — inserisci il tuo valore in pixel e vedi il rem all'istante.

Come convertire 14px in rem

14 px → 0.875 rem

Dividi 14 per 16 per ottenere 0.875rem. 14px è una dimensione molto comune per il testo del corpo e dell'interfaccia, quindi 0.875rem compare di continuo nelle librerie di componenti.

14 px → 0.875 rem

14px = 0.875rem. È la dimensione del testo predefinita in molti framework di interfaccia.

Provalo sopra — inserisci il tuo valore in pixel e vedi il rem all'istante.

Come convertire 32px in rem

32 px → 2 rem

Dividi 32 per 16 per ottenere 2rem. 32px è un valore frequente per titoli grandi e spaziature di sezione, e corrisponde a un pulito 2rem.

32 px → 2 rem

32px = 2rem, esattamente il doppio della base — facile da ricordare per titoli grandi e spaziature generose.

Provalo sopra — inserisci il tuo valore in pixel e vedi il rem all'istante.

Come convertire 10px in rem

10 px → 0.625 rem

Dividi 10 per 16 per ottenere 0.625rem con la base predefinita. Nota che 10px è anche il root font-size usato dalla tecnica del 62.5%, dove 10px equivarrebbe invece a 1rem.

10 px → 0.625 rem

Con una base di 16px, 10px = 0.625rem. Se adotti la tecnica del 62.5%, imposta la base a 10 e 10px diventa 1rem.

Provalo sopra — inserisci il tuo valore in pixel e vedi il rem all'istante.

Tabella di conversione PX in REM

Valori px in rem pre-calcolati con il root font-size predefinito di 16px. Aggiungi questa pagina ai segnalibri per consultazioni rapide.

Pixel in rem (base 16px)

Tabella di conversione da pixel a rem con un root font-size di 16px
PX REM
8 0.5
9 0.5625
10 0.625
11 0.6875
12 0.75
13 0.8125
14 0.875
15 0.9375
16 1
17 1.0625
18 1.125
19 1.1875
20 1.25
21 1.3125
22 1.375
23 1.4375
24 1.5
28 1.75
32 2
36 2.25
40 2.5
44 2.75
48 3

Dimensioni comuni in rem

Valori in pixel più grandi in rem con un root font-size di 16px
PX REM
56 3.5
64 4
72 4.5
80 5
88 5.5
96 6

Come usare il convertitore PX in REM

  1. 1

    Inserisci un valore in pixel

    Digita o incolla un numero nel campo Pixel (px). L'equivalente in rem appare all'istante — nessun pulsante di conversione necessario.

  2. 2

    Imposta il root font-size (opzionale)

    La base predefinita è 16px. Cambiala per adattarla al tuo progetto — per esempio 10px per la tecnica del 62.5% — e ogni risultato si aggiorna rispetto alla nuova base.

  3. 3

    Leggi il risultato in rem e l'anteprima

    Il campo Rem mostra il valore convertito, la riga di anteprima rende il testo a quella dimensione e la formula conferma il rapporto corrente (es. 1rem = 16px).

  4. 4

    Copia il valore

    Clicca sull'icona di copia accanto a un campo per copiare il valore px o rem negli appunti, pronto da incollare nel tuo CSS.

Casi d'uso per la conversione PX in REM

Costruire UI responsive e accessibili
Converti dimensioni dei font e spaziature basate sui pixel in rem così l'interfaccia scala con la preferenza di dimensione del font del browser dell'utente.
Tradurre i mockup di design
Trasforma i valori in px di un designer da Figma o Sketch in unità rem adatte a un design system CSS scalabile.
Impostare i breakpoint delle media query
Esprimi i breakpoint in rem così i layout rispondono in modo prevedibile quando gli utenti usano lo zoom o cambiano la dimensione predefinita del testo.
Adottare la tecnica del 62.5%
Converti rispetto a un root font-size di 10px per ottenere un'aritmetica del rem pulita quando usi html { font-size: 62.5% }.
Rifattorizzare CSS legacy
Sostituisci sistematicamente i valori px fissi con rem per modernizzare un vecchio foglio di stile per l'accessibilità.
Verificare le dimensioni calcolate
Controlla velocemente quanto un valore px corrisponda in rem (o viceversa) mentre fai il debug di spaziature e tipografia.

Dettagli tecnici

L'unità rem
rem è relativo al font-size del root . 1rem equivale a quel font-size in pixel — 16px di default — quindi rem = px ÷ root-font-size.
Aritmetica a doppia precisione
Le conversioni usano il floating point a doppia precisione IEEE 754, arrotondato a un massimo di cinque decimali con gli zeri finali rimossi per valori CSS puliti.
Elaborazione lato client
Tutta la logica di conversione viene eseguita in JavaScript nel tuo browser. Non viene effettuata alcuna chiamata di rete — lo strumento funziona completamente offline una volta caricato.

Best practice per l'uso di rem

Converti rispetto alla tua base reale
Usa sempre il root font-size che il tuo foglio di stile imposta davvero. Una base di 10px (tecnica del 62.5%) converte in modo diverso dal default di 16px.
Usa rem per testo e spaziatura, px per le linee sottili
Dimensiona font, padding e margini in rem così scalano con le preferenze dell'utente; mantieni px per ciò che deve restare fisso, come i bordi da 1px.
Mantieni i breakpoint in rem o em
Le media query basate su rem si ingrandiscono in modo più armonioso dei breakpoint in px quando gli utenti scalano il testo.

FAQ su PX in REM

Quanto è 16px in rem?
16px equivale esattamente a 1rem quando il root font-size è il valore predefinito del browser di 16px. L'unità rem è relativa al font-size dell'elemento root , quindi rem = px ÷ root-font-size. Poiché la maggior parte dei browser usa 16px come default, 16px è l'ancora naturale: 16px = 1rem, 8px = 0.5rem, 32px = 2rem. Se cambi il root font-size, il rapporto cambia di conseguenza.
Come si convertono i px in rem?
Dividi il valore in pixel per il root font-size. La formula è rem = px ÷ base, dove base è il font-size dell'elemento (16px di default). Per esempio, 24px ÷ 16 = 1.5rem, e 12px ÷ 16 = 0.75rem. Questo strumento esegue la divisione per te in tempo reale e ti permette di cambiare la base se il tuo progetto usa un root font-size diverso.
Quanto è 1rem in pixel?
1rem equivale al root font-size in pixel — 16px di default. Quindi 1rem = 16px, 1.5rem = 24px e 2rem = 32px su una configurazione standard. Se imposti html { font-size: 62.5% } (10px), allora 1rem = 10px. Per passare da rem a pixel, moltiplica: px = rem × base.
Perché usare rem invece di px?
Le unità rem rispettano la preferenza di dimensione del font del browser dell'utente, essenziale per l'accessibilità. Quando qualcuno aumenta la dimensione predefinita del font — per ipovisione o semplice comodità — tutto ciò che è dimensionato in rem scala proporzionalmente, mentre i valori in px restano fissi e possono rompere i layout o ignorare la preferenza. Rem mantiene anche coerente un design system: cambia un solo root font-size e l'intera interfaccia scala insieme. I pixel restano utili per ciò che non dovrebbe scalare, come i bordi da 1px.
Qual è la differenza tra px, rem ed em?
px è un'unità assoluta — un pixel CSS, fisso a prescindere dal contesto. rem è relativo al font-size del root (), quindi è coerente ovunque nella pagina. em è relativo al font-size del genitore dell'elemento corrente, quindi si accumula quando è annidato. Usa px per dettagli fissi come i bordi sottili, rem per la maggior parte del dimensionamento così scala con la preferenza dell'utente, ed em quando vuoi che un valore scali rispetto al suo contesto locale (per esempio un padding che cresce con il font-size del pulsante).
Cos'è il trucco del font-size al 62.5%?
Impostare html { font-size: 62.5% } rende il root font-size 10px (perché il 62.5% del default di 16px è 10px). Con una base di 10px, la matematica del rem diventa banale: 1rem = 10px, 1.6rem = 16px, 2.4rem = 24px — basta dividere il valore in pixel per 10. A molti sviluppatori piace l'aritmetica più semplice, anche se poi di solito si imposta body { font-size: 1.6rem } per ripristinare un testo del corpo leggibile a 16px. Imposta il root font-size di questo strumento a 10 per convertire rispetto alla base del 62.5%.
Posso cambiare il root font-size in questo convertitore?
Sì. Il campo Root font-size predefinito è 16px (il default del browser) ma puoi digitare qualsiasi valore — 10, 18, 20 o quello che usa il tuo progetto. Ogni conversione e la tabella di riferimento si aggiornano rispetto alla base impostata. Clicca 'Reimposta a 16' per tornare al default. La maggior parte degli strumenti fissa 16px nel codice; la base personalizzabile è ciò che permette a questo convertitore di rispecchiare il tuo foglio di stile reale.
16px è sempre uguale a 1rem?
Solo quando il root font-size è 16px, che è il default in praticamente tutti i browser. La relazione 16px = 1rem vale finché non sovrascrivi html { font-size }. Se un foglio di stile imposta il root font-size a un altro valore — diciamo 10px o 18px — allora 16px non equivale più a 1rem. Converti sempre rispetto al root font-size reale della pagina.
Dovrei convertire in rem dimensioni dei font, padding e margini?
Le dimensioni dei font sono i candidati più forti per rem perché influenzano direttamente la leggibilità e l'accessibilità. Anche padding, margin, gap e border-radius si esprimono spesso in rem così la spaziatura scala insieme al testo per un layout coerente. I breakpoint delle media query in rem (o em) si ingrandiscono in modo più armonioso. Mantieni px per ciò che non deve scalare, come i bordi da 1px e alcuni offset di box-shadow.
Convertire px in rem cambia l'aspetto del mio sito?
No — con il root font-size predefinito di 16px, un valore in rem viene reso esattamente alla stessa dimensione in pixel del valore px originale. 24px e 1.5rem appaiono identici su una configurazione standard. La differenza è comportamentale: la versione in rem scalerà se l'utente cambia la dimensione del font del browser, mentre quella in px no. Visivamente non cambia nulla finché l'utente non regola le proprie preferenze.
Quanto è accurato questo convertitore px in rem?
Le conversioni usano l'aritmetica a doppia precisione IEEE 754 e la formula esatta rem = px ÷ base, con risultati arrotondati a un massimo di cinque cifre decimali e gli zeri finali rimossi per leggibilità. Per il CSS quella precisione è molto più fine di quanto il browser necessiti. La matematica è deterministica e funziona allo stesso modo ogni volta, così puoi affidartici per fogli di stile in produzione.
I miei dati sono al sicuro usando questo convertitore?
Completamente. Tutte le conversioni vengono eseguite localmente nel tuo browser usando JavaScript. Nessun valore viene inviato ad alcun server — non ci sono richieste di rete, nessun cookie sul tuo input e nessuna analitica legata a ciò che digiti. Puoi verificarlo disconnettendoti da internet: lo strumento continua a funzionare completamente offline una volta caricata la pagina.

Strumenti correlati

Vedi tutti gli strumenti →

Convertitore di Basi Numeriche — Bin, Hex, Ott, Dec

Strumenti di conversione

Converti istantaneamente tra binario, esadecimale, decimale, ottale e qualsiasi base (2-36). Strumento online gratuito e privato: tutta l'elaborazione avviene nel tuo browser.

Convertitore di colori — HEX, RGB, HSL e OKLCH

Strumenti di conversione

Converte HEX in RGB, HSL, OKLCH, OKLAB e CMYK direttamente nel browser — basta un clic per copiare qualsiasi formato. Gratuito, senza registrazione, i colori non lasciano mai la pagina.

Convertitore HEX in CMYK

Strumenti di conversione

Converte colori HEX in CMYK direttamente nel browser. Approssimazione ingenua basata su sRGB per proof di stampa. Gratuito, online, senza registrazione, i colori non lasciano mai la pagina.

Convertitore HEX in HSL

Strumenti di conversione

Converte qualsiasi colore hex in HSL direttamente nel browser — supporta hex a 3, 6 e 8 cifre con alpha. Gratuito, istantaneo, online, senza registrazione, i colori non lasciano mai la pagina.

Convertitore HEX in OKLCH

Strumenti di conversione

Converte HEX in OKLCH per i design token di Tailwind v4. Output live percettivamente uniforme con avvisi di gamma Display P3. Gratis, solo browser.

Convertitore HEX in RGB

Strumenti di conversione

Converte qualsiasi codice colore hex in RGB direttamente nel browser — supporta hex a 3, 6 e 8 cifre con alpha. Gratuito, istantaneo, online, senza registrazione, i colori non lasciano mai la pagina.