6XC

Convertidor de Espaciado de Letras (Tracking → CSS)

Convierte el tracking de Photoshop/Illustrator o el espaciado en % de Figma a valores CSS en em y px.

829 visitas

Tres Herramientas, Tres Unidades

Las apps de Adobe miden el tracking en milésimas de em: em CSS = tracking ÷ 1000, así que un tracking de 50 → letter-spacing: 0.05em. El porcentaje de Figma es simplemente em × 100: 5% = 0,05em. El valor en px depende además del tamaño de fuente: 0,05em a 16 px = 0,8 px. Introduce el valor que muestre tu archivo de diseño; los demás se actualizan.

Prefiere la salida en em para CSS — escala con el tamaño de fuente, así que títulos y textos pequeños mantienen un espaciado proporcional con una sola regla. Rangos habituales: −10 a −30 de tracking en titulares grandes, +50 a +200 en etiquetas pequeñas en mayúsculas.

Preguntas Frecuentes

Figma muestra el espaciado en px — ¿y entonces?

Entonces ya es el valor CSS en px; introdúcelo en el campo px con el tamaño de fuente fijado, y lee el equivalente en em para un CSS escalable.

¿Por qué el texto en mayúsculas necesita tracking positivo?

Las mayúsculas están diseñadas para ir flanqueadas por minúsculas; compuestas solas se ven apretadas. +5% a +15% (tracking 50-150) es la solución clásica para etiquetas todo en mayúsculas.

Herramientas Similares

Conversor de Divisas (Tasas del BCE en Vivo) Convierte entre más de 30 divisas — USD, EUR, GBP, TRY y más — usando las tasas de referencia diarias del Banco Central Europeo. Gratis, sin registro. Convertir Convertidor de Libras a Kilogramos Convierte libras a kilogramos y kilogramos a libras al instante — escribe en cualquiera de los dos campos. 1 lb = 0,4536 kg. Convertir Conversor de Pies y Pulgadas a Cm Convierte pies y pulgadas a centímetros y viceversa — conversiones de altura como 5'9" a cm, al instante. Convertir Conversor de Fahrenheit a Celsius Convierte °F a °C y Celsius a Fahrenheit al instante — temperaturas del clima, del horno y corporales con puntos de referencia habituales. Convertir