Convertitore da PX a REM

Le unità rem mantengono i layout accessibili — si adattano alla preferenza di dimensione del font dell'utente — ma nessuno vuole dividere per 16 a mente tutto il giorno. Questo convertitore fa i calcoli in tempo reale: scegli la direzione (px → rem, rem → px o px → em), digita il valore e il risultato appare immediatamente insieme a una riga CSS pronta da copiare come font-size: 0.875rem.

Il campo della dimensione del font di base rende lo strumento adatto a qualsiasi progetto. Il valore predefinito del browser è 16px, quindi 1rem equivale a 16px fin da subito, ma molti codebase impostano html { font-size: 62.5% } per fare in modo che 1rem equivalga a 10px — inserisci 10 come base e ogni conversione e riga della tabella si adegua. La direzione px → em usa la stessa matematica rispetto alla dimensione del font dell'elemento genitore invece che a quella radice, che è esattamente la differenza tra em e rem nei CSS.

Sotto il risultato, una tabella di riferimento mostra le dimensioni di design più comuni — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 e 64 pixel — già convertite alla tua base attuale, con la riga corrispondente alla base evidenziata. È il foglietto che altrimenti terresti attaccato al monitor, sempre sincronizzato con la base che usi realmente.

Tutto avviene localmente nel tuo browser mentre scrivi: nessun caricamento, nessuna registrazione, nessun round-trip al server. Le pagine preimpostate per rem → px, px → em, la base 10px e valori popolari come 14, 24 e 32 px aprono il convertitore già configurato per quelle esatte domande.