Saltar al contenido principal
Z

Convertidor de preprocesadores CSS

Convierte entre LESS, SCSS, SASS, Stylus y CSS en ambos sentidos. Usa un compilador real para las conversiones "a CSS" y un método heurístico para el resto.

Gratis Sin registro Del lado del cliente Respetuoso con la privacidad Updated
a

Cargando el convertidor...

Cómo usar

  1. 1 Elige el lenguaje de origen y el lenguaje de destino.
  2. 2 Pega tu hoja de estilo.
  3. 3 El resultado se muestra al instante mientras escribes. Las librerías pesadas solo se cargan cuando se necesitan, en la primera conversión.
  4. 4 Copia o descarga el resultado.

Por qué usar esta herramienta

  • Compatible con los 5 formatos: LESS, SCSS, SASS (indentado), Stylus y CSS puro.
  • Usa un compilador real siempre que es posible: <code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">less</code>, <code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">sass</code>, <code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">stylus</code> para las conversiones "a CSS".
  • El resto de direcciones usan una transformación heurística (cambio de notación de variables, reformateo de llaves/indentación) — rápido, pero no es una transpilación completa.
  • Todo el procesamiento ocurre en el cliente — tu hoja de estilo nunca sale del navegador.

Preguntas frecuentes

¿Qué conversiones usan un compilador real?

LESS a CSS, SCSS a CSS, SASS a CSS y Stylus a CSS usan todos un compilador oficial. El resto de direcciones usan un método heurístico: cambian la notación de variables (@ por $) y reformatean llaves/indentación.

¿Por qué SCSS a LESS solo usa heurística?

No existe un compilador nativo de SCSS a LESS. Los mixins, las directivas de control y las funciones integradas difieren entre ambos lenguajes. La herramienta solo cambia la notación de variables y muestra avisos — es posible que necesites ajustes manuales adicionales.

¿Qué pasa si la librería no logra cargarse?

La herramienta se degrada de forma segura (graceful degrade) y devuelve el contenido de entrada con una nota de "library unavailable". La página nunca se bloquea.

¿Buscas una herramienta para formatear CSS?

Sí la tenemos — mira nuestro <a href="/css-formatter" class="underline">CSS Formatter</a>.

¿Qué es Convertidor de preprocesadores CSS?

El Convertidor de preprocesadores CSS es una herramienta que convierte hojas de estilo entre LESS, SCSS, SASS, Stylus y CSS puro directamente en el navegador. Utiliza un compilador real para las conversiones cuyo destino es CSS, y una transformación heurística para el resto de direcciones, traduciendo la sintaxis entre formatos de preprocesador de forma totalmente local en el cliente.

Resumen

Convertidor de preprocesadores CSS es una utilidad desarrollo gratuita de Zerethon Tools. Convierte entre LESS, SCSS, SASS, Stylus y CSS en ambos sentidos. Usa un compilador real para las conversiones "a CSS" y un método heurístico para el resto. Funciona totalmente en el navegador — sin registro, sin subida de archivos.

Categoría
Desarrollo
Precio
Gratis
Privacidad
Basado en el navegador
Registro
No necesario

Privacidad

Tus datos nunca salen de tu navegador, salvo que se indique explícitamente. Convertidor de preprocesadores CSS funciona completamente del lado del cliente — sin subida a servidor, sin registro de actividad, sin seguimiento de tu contenido.

Herramientas relacionadas

Crea, comparte y crece en Zerethon Social

Registro gratuito. Gana puntos, colecciona logros y conecta con creadores de todo el mundo.

Regístrate gratis