DevToolBoxGRATIS

Convertidor de unidades CSS — px/rem/em/vw/vh

Convierta unidades CSS entre px, rem, em, vw, vh, pt y porcentaje.

Value

Settings

Root font-size (px)

Parent font-size (px)

Viewport width (px)

Viewport height (px)

Converted Values

Unit	Value	Copy
rem	1rem
em	1em
vw	0.8333vw
vh	1.4815vh
pt	12pt
%	100%

Click any row to use that value as the new input.

Common Presets

px	rem	em	pt
8px	0.5rem	0.5em	6pt
10px	0.625rem	0.625em	7.5pt
12px	0.75rem	0.75em	9pt
14px	0.875rem	0.875em	10.5pt
16px	1rem	1em	12pt
18px	1.125rem	1.125em	13.5pt
20px	1.25rem	1.25em	15pt
24px	1.5rem	1.5em	18pt
32px	2rem	2em	24pt
48px	3rem	3em	36pt

𝕏 Twitter in LinkedIn

Califica esta herramienta

4.2 / 5 · 232 calificaciones

Más herramientas

{ }Minificador / Embellecedor CSS 🎨Convertidor de colores 01Convertidor de bases numéricas 📐Generador Flexbox

Recommended

Tailwind UIBeautiful UI components

Mantente actualizado

Recibe consejos de desarrollo y nuevas herramientas.

Sin spam. Cancela cuando quieras.

Enjoy these free tools?

☕Buy Me a Coffee

How to Use

Enter a value and select the source unit
Set root font-size (default 16px)
Set viewport dimensions if using vw/vh
See all conversions instantly
Copy any converted value

Use Cases

Converting px designs to rem
Responsive design calculations
Understanding relative units
Design system unit standardization

FAQ

Why does root font-size matter for rem?

1rem equals the root font-size (usually 16px). Changing it affects all rem conversions.

What viewport size is used for vw/vh?

Default is 1920x1080. You can change it to match your target viewport.