Convertir unidades CSS
Convierte valores entre unidades CSS (px, rem, em, %) con tamaños de fuente base personalizables. Función principal - tabla de conversión de unidades, adicional - conversión de código CSS con soporte de anidación.
Valores comúnmente usados, convertidos automáticamente según el tamaño de fuente base
| px | rem | em | % |
|---|---|---|---|
4px | 0.2500rem | 0.2500em | 25.0000% |
6px | 0.3750rem | 0.3750em | 37.5000% |
8px | 0.5000rem | 0.5000em | 50.0000% |
10px | 0.6250rem | 0.6250em | 62.5000% |
12px | 0.7500rem | 0.7500em | 75.0000% |
14px | 0.8750rem | 0.8750em | 87.5000% |
16px | 1.0000rem | 1.0000em | 100.0000% |
18px | 1.1250rem | 1.1250em | 112.5000% |
20px | 1.2500rem | 1.2500em | 125.0000% |
24px | 1.5000rem | 1.5000em | 150.0000% |
28px | 1.7500rem | 1.7500em | 175.0000% |
32px | 2.0000rem | 2.0000em | 200.0000% |
36px | 2.2500rem | 2.2500em | 225.0000% |
40px | 2.5000rem | 2.5000em | 250.0000% |
48px | 3.0000rem | 3.0000em | 300.0000% |
56px | 3.5000rem | 3.5000em | 350.0000% |
64px | 4.0000rem | 4.0000em | 400.0000% |
72px | 4.5000rem | 4.5000em | 450.0000% |
80px | 5.0000rem | 5.0000em | 500.0000% |
96px | 6.0000rem | 6.0000em | 600.0000% |
En el desarrollo web moderno, la adaptabilidad y accesibilidad de las interfaces juegan un papel crucial. Nuestro Convertidor de Unidades CSS es una herramienta poderosa para desarrolladores frontend y diseñadores web que automatiza los cálculos de tamaños de fuente y espaciado. Olvídate de las calculadoras y fórmulas manuales: convierte px a rem, em o porcentajes al instante.
La herramienta funciona en dos modos, cubriendo todas las necesidades de maquetación: desde convertir un solo valor hasta procesar fragmentos completos de código.
Todas las unidades relativas (rem, em, %) dependen del tamaño de fuente base. Por defecto en los navegadores esto es 16px, pero los sistemas de diseño a menudo usan 14px, 18px o 20px. Nuestra herramienta te permite establecer cualquier tamaño base y lo guarda en la configuración de pestañas. Puedes crear pestañas separadas para diferentes proyectos y cambiar entre ellas sin perder el contexto.
Simplemente ingresa un valor en cualquier campo (por ejemplo, en píxeles), y la calculadora lo recalculará automáticamente a otras unidades:
Una característica única de nuestro servicio es el modo Convertidor de Código CSS. Pega tu código CSS, selecciona la dirección de conversión (por ejemplo, de px a rem), y el algoritmo procesará todo el código. La herramienta tiene en cuenta el anidamiento de selectores y las propiedades font-size de los padres para calcular correctamente valores em complejos.
Entender la diferencia entre unidades es críticamente importante para una maquetación de calidad.
Usar rem permite a los usuarios escalar la interfaz a través de la configuración del navegador (por ejemplo, para usuarios con discapacidad visual). Si un sitio está codificado rígidamente en px, cambiar el tamaño de fuente en el navegador no afectará el diseño, lo que degrada la accesibilidad (a11y).
La unidad em es útil para crear componentes donde el espaciado (padding, margin) debe depender del tamaño de fuente del propio elemento. Sin embargo, debes tener cuidado con em debido al efecto de composición. Nuestro convertidor ayuda a rastrear estas dependencias.
Codificar y decodificar Base64
Decodificar tokens JWT
Generar hashes (MD5, SHA-1, SHA-256)
Probar expresiones regulares
Generar UUID v4
Codificar y decodificar URL
Codificar y decodificar entidades HTML
Convertir entre formatos CSV, JSON y XML
Formatear y validar JSON, XML, CSV