Conversor de Unidades CSS

Convierte entre unidades CSS al instante: px, rem, em, vw, vh, pt, cm, mm, in y más. Configura el tamaño de fuente base y las dimensiones del viewport para conversiones relativas precisas.

100% del lado del cliente. Tus datos nunca salen de tu navegador.

÷base
Configuración de viewport
Ingrese un valor arriba para convertir entre unidades CSS

Convertidores y Ejemplos

Convertidor de Px a Rem

Convierte píxeles a unidades rem al instante. Convertidor CSS px a rem gratuito en línea con ajuste de tamaño de fuente base.

 Convertidor de Rem a Px

Convierte rem a píxeles al instante. Convertidor CSS rem a px gratuito en línea con ajuste de tamaño de fuente base.

Herramientas Relacionadas

rgb
Conversor de Color y Generador de Paletas

Convierte colores entre HEX, RGB, HSL, HSB y CMYK. Genera paletas complementarias, analogas, triadicas y más. Verifica relaciones de contraste WCAG.

 📐
Conversor de Unidades: Longitud, Peso, Temperatura y Más

Convierte instantáneamente entre unidades de longitud, peso, temperatura, velocidad, área, volumen, datos y tiempo. Métrico, imperial y más. Sin servidor, sin registro.

Conversor de Unidades CSS

Convierte entre cualquier unidad CSS con cálculos precisos y contextuales. Ingresa un valor, selecciona la unidad de origen y ve el equivalente en los 14 tipos de unidades CSS al instante.

Unidades Soportadas

UnidadTipoDescripción
pxAbsolutaPíxel, la unidad base para pantalla
ptAbsolutaPunto (1pt = 1/72 pulgada, 1pt ≈ 1.333px)
pcAbsolutaPica (1pc = 12pt)
cmAbsolutaCentímetro
mmAbsolutaMilímetro
inAbsolutaPulgada (1in = 96px)
remRelativaEm raíz, relativo al tamaño de fuente raíz
emRelativaEm, relativo al tamaño de fuente del elemento padre
vwViewport1% del ancho del viewport
vhViewport1% de la altura del viewport
vminViewport1% de la dimensión menor del viewport
vmaxViewport1% de la dimensión mayor del viewport
exFuenteAltura x aproximada (≈ 0.5em)
chFuenteAncho de carácter aproximado (≈ 0.6em)

Cómo Usar

  1. Ingresa un valor numérico en el campo de entrada
  2. Selecciona la unidad de origen del menú desplegable
  3. Ve el valor convertido en todas las demás unidades
  4. Ajusta el tamaño de fuente base o las dimensiones del viewport para conversiones relativas precisas

Casos de Uso Comunes

Diseño Responsivo con rem

Al construir layouts responsivos, convertir entre px y rem asegura que tus espaciados se escalen correctamente con las preferencias del usuario.

Unidades de Viewport en Media Queries

Convierte puntos de quiebre en píxeles a unidades de viewport para diseños responsivos fluidos.