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.

Características

Cinco formatos

Convierte entre LESS, SCSS, SASS, Stylus y CSS en un solo lugar.

Compiladores reales cuando es posible

SCSS/SASS → CSS utiliza el compilador Dart Sass, por lo que el anidamiento y las variables se resuelven correctamente.

100% privado

La compilación se ejecuta en tu navegador — no se sube nada.

Ejemplo

Input

.a { .b { color: red; } }   (SCSS)

Output

.a .b {
  color: red;
}

Casos de uso comunes

  1. 1

    Compilar SCSS a CSS

    Aplana el SCSS anidado en CSS puro para pegarlo rápidamente o usarlo en una página sin build.

  2. 2

    Migrar entre preprocesadores

    Mueve una hoja de estilo de LESS a SCSS (o viceversa) al cambiar de toolchain.

  3. 3

    Entender el resultado compilado

    Observa exactamente qué CSS producen el anidamiento y las variables de tu SCSS.

Resumen

El conversor de preprocesadores CSS de Zerethon traduce hojas de estilo entre LESS, SCSS, SASS, Stylus y CSS puro directamente en tu navegador. Las rutas que compilan a CSS usan compiladores reales (por ejemplo, Dart Sass para SCSS/SASS); el resto de conversiones entre preprocesadores utilizan transformaciones heurísticas. Todo se ejecuta del lado del cliente — tus estilos nunca se suben a un servidor.

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

Referencias

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

Formateador de JSON

Formatea, valida y minifica JSON en línea. Gratis, sin necesidad de registro — tus datos nunca salen de tu navegador.

Abrir herramienta

Formateador de SQL

Formatea consultas SQL en línea — embellece el código para MySQL, PostgreSQL, SQLite, SQL Server, Oracle y BigQuery.

Abrir herramienta

Generador de UUID

Genera UUID en línea — v1, v4, v7 y Nil. Genera hasta 10.000 en lote. Gratis, sin registro.

Abrir herramienta

Generador de contraseñas

Genera contraseñas aleatorias fuertes y criptográficamente seguras. Personaliza la longitud y los conjuntos de caracteres — todo se ejecuta en tu navegador.

Abrir herramienta

Crea, comparte y crece en Zerethon Social

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

Regístrate gratis