Convertitore da pixel a EM/REM
Converti px, rem, em, pt e % con una tabella dal vivo e CSS pronto da copiare
rem è relativo alla dimensione del carattere radice; em e % sono relativi al genitore.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
Informazioni su Convertitore da pixel a EM/REM
Il convertitore da pixel a EM/REM traduce i valori di lunghezza CSS tra px, rem, em, pt e percentuale. Inserisci un valore in una qualsiasi delle cinque unità e una tabella dinamica mostra il suo equivalente in tutte le altre — più uno snippet CSS pronto da copiare e incollare direttamente in un foglio di stile.
Le conversioni rispettano il modo in cui il CSS risolve realmente le unità: rem è relativo alla dimensione del font radice, mentre em e % sono relativi alla dimensione del font dell'elemento genitore. Entrambe le dimensioni di riferimento sono modificabili, così puoi simulare una radice a 16 px con un componente a 14 px, o qualsiasi scala del tuo design system.
Una tabella dei valori comuni mappa le dimensioni più usate dai designer — così domande come “quanto vale 24px in rem” trovano risposta a colpo d'occhio. Lo strumento è gratuito, si aggiorna mentre digiti ed è un punto fermo per convertire mockup a pixel fissi in CSS accessibile e scalabile basato su rem.
Come usare Convertitore da pixel a EM/REM
- Inserisci il valore da convertire e seleziona la sua unità: px, rem, em, pt o %.
- Regola la dimensione del font radice (per rem) e quella del font genitore (per em e %) se differiscono da 16 px.
- Leggi i valori convertiti nella tabella dinamica.
- Copia lo snippet CSS generato o qualsiasi valore dalla tabella dei valori comuni.