Convert CSS to LESS

With this tool you will be able to convert your CSS code into LESS style code. LESS which stands for 'Leaner Style Sheets' is a dynamic preprocessor style sheet language that can be compiled into CSS and run on the client side or server side. With LESS code you can define variables that start with an @ symbol.

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!
CSS Code
LESS Code

How to Use?

The css to less converter is a web tool that will convert your css code to less code.

  1. Copy your existing css code into the textarea above.
  2. Or, if you would like to see how it works first, click on 'Sample' and this will load a sample css file to convert.
  3. Once you've done that click on 'Convert' and your new less code will be converted into the lower textarea.
  4. Click on 'Copy' to copy the less code on to the clipboard.
  5. Or, click on 'Download' to save a file to your computer.