Convertitore di Unità CSS
Converti valori tra px, em, rem, %, pt, vw, vh, cm, mm e in con parametri configurabili per font base e viewport.
Esegui lo strumento
Questo strumento trasforma valori numerici tra le principali unità di misura CSS, semplificando la definizione del layout e della tipografia responsiva. Supporta unità assolute come pixel (px), punti tipografici (pt), centimetri (cm), millimetri (mm) e pollici (in), oltre a unità relative come rem, em, percentuale (%), larghezza viewport (vw) e altezza viewport (vh). Il calcolo converte innanzitutto il valore iniziale in pixel equivalenti, applicando la dimensione base del font per em, rem o percentuali, oppure le dimensioni della finestra per vw e vh. Successivamente, trasforma i pixel intermedi nell'unità di destinazione selezionata e arrotonda le cifre a quattro decimali. Puoi personalizzare la dimensione base del font, impostata in modo predefinito a 16 pixel, e regolare larghezza e altezza del viewport (predefinite a 1920 per 1080 pixel). Quando la dimensione base o le dimensioni del viewport sono impostate a zero, le conversioni verso le rispettive unità relative restituiscono zero.
Istruzioni
- Inserisci il valore numerico da convertire nel campo iniziale.
- Seleziona l'unità di partenza tra le opzioni supportate (px, em, rem, %, pt, vw, vh, cm, mm, in).
- Scegli l'unità di destinazione desiderata per il foglio di stile.
- Imposta la dimensione base del font in pixel se diversa dal valore predefinito di 16.
- Modifica larghezza e altezza del viewport se devi calcolare misure relative allo schermo come vw o vh.
- Avvia il calcolo per leggere il valore convertito e il passaggio intermedio in pixel.
Esempi
- Convertire 24 px in rem con dimensione base del font a 16 px restituisce 1.5 rem (con valore intermedio calcolato di 24.0 px).
- Convertire 50 vw in px con larghezza viewport a 1920 px produce 960.0 px.
FAQ
Quale fattore di conversione viene applicato per i punti tipografici (pt)?
La conversione impiega un rapporto fisso di 1.33333 pixel per ogni punto tipografico (pt).
Come funziona la conversione tra unità relative al viewport e pixel?
Le unità vw e vh moltiplicano il valore percentuale per la larghezza o l'altezza configurata della finestra e dividono per cento.
Cosa succede se imposto la dimensione base del font a zero?
La conversione verso unità che dipendono dal font base, come em, rem e percentuale, restituisce direttamente zero per evitare divisioni non valide.