Cómo usar: LESS a CSS
- Pega tu código Less.
- El CSS se compila mientras escribes; si hay errores, verás la línea y una explicación.
- Marca “Minificar” para producción y copia o descarga el CSS.
Qué admite el compilador
Esto es Less.js, el compilador oficial de Less, ejecutándose en tu navegador: @variables, anidación con &, mixins (con argumentos y guards), operaciones como @base * 2, funciones de color como darken() y fade(), propagación de @media, escapes y e().
Less frente a Sass
Ambos añaden variables, anidación y mixins a CSS. Less está escrito en JavaScript y lo usaron Bootstrap 3 y muchos temas de administración; Sass (SCSS) es ahora más común en proyectos nuevos. El CSS nativo cubre parte de esa diferencia hoy con las propiedades personalizadas y la anidación, compatibles con los navegadores modernos.
Importaciones
El navegador no puede leer tus archivos @import "variables.less", así que pega su contenido encima del código que los usa.
Privado por diseño
La compilación se ejecuta por completo en tu navegador. Tu código nunca se sube, así que es seguro para proyectos propietarios.
También se busca como: compilador less, convertir less a css, compilar less online, lesscss compiler, convertidor less a css, less to css online, compilar less a css.
Herramientas que combinan con: LESS a CSS
- SCSS a CSS — Pega SCSS o Sass indentado y obtén CSS plano, compilado por el motor oficial Dart Sass en tu navegador, con mensajes de error claros que señalan la línea exacta.
- Formateador de CSS — Convierte una hoja de estilos minificada en CSS legible, con una propiedad por línea y bloques @media correctamente anidados.
- Minificador CSS — Pega una hoja de estilos para reducirla al instante.
- CSS a Tailwind — Pega reglas o declaraciones CSS y obtén las clases utilitarias de Tailwind equivalentes para cada selector, incluidos los estados hover: y los valores arbitrarios como p-[13px].