⭐ 0
🔍
Testo Immagine PDF e Documenti Audio Musica Elettronica Tempo Utilità Validatori Esoterismo Giochi

Convertitore da PX a REM con base 10px

Converti px in rem, rem in px e px in em con qualsiasi dimensione di carattere di base, con una riga CSS pronta per la copia e una tabella di riferimento in tempo reale.

Elaborazione... 0%

Risultato

Questa pagina apre il convertitore con la dimensione del carattere di base preimpostata su 10px. Questa è la classica configurazione html { font-size: 62.5% }: il 62.5% dei 16px predefiniti del browser è esattamente 10px, quindi i valori rem diventano banalmente leggibili: 14px è 1.4rem, 18px è 1.8rem, 24px è 2.4rem.

I team adottano la base 10px proprio per evitare scomodi sedicesimi: invece di ricordare che 14px sono 0,875rem, basta spostare la virgola decimale. Poiché il trucco utilizza una percentuale anziché un valore di pixel fisso, rispetta comunque la dimensione del carattere impostata dall'utente nelle preferenze del browser, che è in primo luogo l'intero argomento di accessibilità per le unità rem.

Digita qualsiasi valore di pixel per ottenere il suo equivalente rem sulla base di 10 px insieme a una riga CSS pronta per la copia e controlla la tabella di riferimento di seguito per l'intera scala 1–64 px già convertita. Se il tuo progetto utilizza una dimensione root diversa, modifica il campo base e tutto seguirà in tempo reale.

🛡️
Eseguito nel browser

I tuoi file e input non lasciano mai questo dispositivo. L'elaborazione viene eseguita completamente offline. Sicuro al 100%.

Formati e regole accettati

  • Tre direzioni in un solo selettore: px → rem, rem → px e px → em.
  • Dimensione del carattere di base regolabile (16px per impostazione predefinita) applicata al risultato e a ogni riga della tabella.
  • Tabella di riferimento per dimensioni comuni da 1 a 64 px, ricalcolata per la base corrente con la riga della base evidenziata.

Vantaggi principali

✓ Il valore convertito, la riga CSS e la tabella di riferimento si aggiornano in tempo reale durante la digitazione: nessun pulsante da premere.
✓ La dimensione del carattere di base è regolabile, quindi i progetti con base 10px e le scale tipografiche personalizzate funzionano altrettanto bene del valore predefinito di 16px.
✓ Funziona interamente nel tuo browser: non viene caricato nulla e la riga CSS pronta per la copia è a un clic di distanza.

Casi d'uso

  • • Trasforma un valore in pixel da un modello di progettazione nel rem richiesto dal foglio di stile.
  • • Converti i valori rem dal CSS di qualcun altro in pixel per corrispondere a una specifica.
  • • Rielabora un'intera scala tipografica dopo essere passato alla dimensione del carattere radice di 10px (62,5%).