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

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

Niente tracciamento Funziona nel browser Gratuito

Root font-size

Pixel (px)

Rem (rem)

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 è 1rem in px?

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

Qual è la formula rem in px?

px = rem × root-font-size Moltiplica il valore in rem per il root font-size. Per esempio, 1.5rem × 16 = 24px. 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 rem-px è solo "moltiplica per 10". Imposta la base di questo strumento a 10 per usarlo.

Cos'è un convertitore REM in PX?

Un convertitore rem in px traduce le unità rem in misure in pixel. 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 moltiplicazione — px = rem × root-font-size — ma verificarla per ogni valore mentre leggi o fai il debug di un foglio di stile è ripetitivo, ed è proprio ciò che questo strumento elimina.

Gli sviluppatori di solito scrivono il CSS in rem per accessibilità e scalabilità: i valori scritti in rem scalano con la preferenza di dimensione del font del browser dell'utente, mentre i valori in px restano fissi. Ma ci sono molti momenti in cui ti serve il valore in pixel — far corrispondere un mockup di design, consegnare le dimensioni a un designer che lavora in pixel, impostare una proprietà solo in px, o capire perché un elemento viene reso a una certa dimensione. È allora che riconvertire rem in px è esattamente ciò che vuoi.

Questo convertitore mantiene i campi rem e pixel 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) risolve i rem in valori in pixel diversi da una configurazione predefinita a 16px. Un'anteprima live mostra la dimensione del testo risultante, e una tabella di riferimento elenca i valori rem comuni con una base di 16px per consultazioni rapide.

Ti serve l'altra direzione? Usa il convertitore px in rem. Per ripulire 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 */
/* px = rem × root-font-size (16px by default) */

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

/* 1.5rem  -> 24px */
/* 1rem    -> 16px */
/* 0.75rem -> 12px */
/* 2rem    -> 32px */

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

Caratteristiche principali di questo convertitore REM in PX

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 rem e pixel 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 inserita così puoi vedere la scala, non solo il numero.

Copia con un clic

Copia il valore rem o px negli appunti con un solo clic, pronto da incollare nel CSS o in uno strumento di design.

Tabella di conversione di riferimento

Una tabella dei valori rem comuni e dei loro equivalenti in pixel 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 REM in PX

Testo del corpo — 1rem in px

16px

Con il root font-size predefinito di 16px, 1rem equivale esattamente a 16px. Questa è la base per ogni altra conversione: px = rem × 16.

Titolo — 1.5rem in px

1.5

24px

1.5rem corrisponde a 24px (1.5 × 16). I titoli sono spesso scritti in rem così scalano con la preferenza di dimensione del font dell'utente ma corrispondono comunque a dimensioni in pixel familiari.

Etichetta piccola — 0.75rem in px

0.75

12px

0.75rem è 12px con una base di 16px. Verificare il valore in pixel aiuta a confermare che le note in piccolo restino leggibili.

Spaziatura — 0.5rem in px

0.5

8px

0.5rem equivale a 8px. I design system esprimono spesso padding e margini in rem; riconvertire in px è comodo per una revisione precisa al pixel.

Titolo grande — 2rem in px

32px

2rem è esattamente il doppio della base, 32px. Multipli puliti come questo sono comuni per i titoli importanti.

Breakpoint — 48rem in px

768px

Un breakpoint da 48rem in una media query corrisponde a 768px con una base di 16px — una soglia familiare di larghezza tablet espressa in unità scalabili.

Come convertire i valori rem comuni in px

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

Come convertire 1rem in px

1 rem → 16 px

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

1 rem → 16 px

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