Vai al contenuto
ToolsMinify logo
Strumenti convertitore

Convertitore PX in REM

Converti lunghezze CSS tra px, rem ed em con dimensione font base configurabile (i browser usano 16px di default).

Informazioni su Convertitore PX in REM

Converti lunghezze CSS tra px, rem ed em con dimensione font base configurabile (i browser usano 16px di default). Digita un valore e le altre unita si aggiornano subito, poi copia CSS pronto da incollare come `1.5rem`. Una tabella di riferimento elenca pixel comuni alla base corrente - utile per scale stile Tailwind e esperimenti root-font-size. Tutto gira nel browser. Abbinalo al Convertitore HEX in RGB o al Convertitore pixel in pollici.

Come usare Convertitore PX in REM

  1. Imposta la dimensione font base in px (default 16), o tocca un preset come 14 o 18.
  2. Inserisci un valore in px, rem o em - gli altri due campi si aggiornano automaticamente.
  3. Copia singole unita o tutte e tre insieme per il foglio di stile.
  4. Usa la tabella di riferimento rapida per dimensioni comuni alla base corrente. Nulla viene caricato.

Esempi di Convertitore PX in REM

16px con base 16px

16px = 1rem = 1em quando la dimensione font base e 16px (default browser).

24px in rem

24px / 16 = 1.5rem. Utile per heading medi e token di spaziatura.

Root personalizzata 10px

Se html { font-size: 10px }, allora 20px = 2rem. Cambia il campo base a 10 e converti.

Testo body 0.875rem

0.875rem con base 16px equivale a 14px - dimensione body piccola comune.

Casi d'uso comuni

  • Convertire valori px da tool design in rem per CSS fluido
  • Controllare rem ed em contro root font size personalizzata
  • Costruire o auditare una scale di spaziatura con tabella rapida
  • Tradurre step px stile Tailwind in token rem
  • Anteprima em vs rem con la stessa base di riferimento

Domande frequenti su Convertitore PX in REM

Come converto px in rem?
Dividi i pixel per la dimensione font root in px. Con base default 16px, rem = px / 16. Esempio: 24px / 16 = 1.5rem. Questo strumento fa il calcolo mentre digiti.
Differenza tra rem ed em?
rem e relativo alla dimensione font dell'elemento root. em e relativo alla dimensione font del genitore. Qui entrambi usano la base scelta cosi puoi confrontarli con una sola dimensione di riferimento.
Quale dimensione font base usare?
La maggior parte dei browser usa 16px quando html non ha font-size impostato. Se il design system imposta html { font-size: 62.5% } o 10px / 18px, inserisci quel valore pixel come base.
Posso convertire rem o em in px?
Si. Inserisci un valore rem o em e il campo px si aggiorna. Formula: px = rem (o em) per dimensione font base.
A cosa serve la tabella di riferimento rapida?
Elenca pixel comuni (da 4 a 96) con rem ed em alla base corrente cosi puoi scorrere una scale senza digitare ogni valore.
I miei input lasciano il dispositivo?
No. Il Convertitore PX in REM gira interamente nel browser. I valori non vengono caricati ne archiviati su un server.

Strumenti correlati

Convertitore pixel in pollici

Converti pixel in pollici e pollici in pixel a qualsiasi DPI. Calcolatrice px-pollici gratuita per web (96 DPI) e stampa (300 DPI).

Convertitore HEX in RGB

Converti HEX in RGB (e viceversa) con HSL, CMYK, rampa tinte-ombre, card contrasto WCAG e snippet token CSS - convertitore codici colore gratuito.

Convertitore RGB in HSL

Converti RGB in HSL e HSL in RGB all'istante. Convertitore colore online gratuito con swatch live e CSS rgb() e hsl() pronti da copiare.

Generatore gradienti CSS

Crea gradienti CSS lineari, radiali e conici con anteprima live. Scegli color stop, copia CSS background e incolla nel foglio di stile. Gira nel browser.