CSS Input

Paste any CSS snippet here. Then minify it for production or beautify it for editing.

Options

Remove comments Strips all /* ... */ comments from your CSS.

Before:
/* heading */ .h1 { color: red; }
After:
.h1{color:red} Shorten hex colors Converts 6-digit hex colors to 3-digit shorthand when possible.

Before:
#ffffff
After:
#fff

Only applies when all three pairs are identical (e.g. #aabbcc ? #abc). Trim final semicolons Removes the last semicolon before every closing brace. The final declaration in a CSS rule doesn't need one.

Before:
.card{margin:12px;}
After:
.card{margin:12px} Merge duplicate selectors Combines rules that share the same selector into a single block. Later declarations win when properties conflict.

Before:
.card{margin:12px} .card{padding:20px}
After:
.card{margin:12px;padding:20px} Auto copy result Automatically copies the result to your clipboard every time you minify or beautify. No extra click needed.

Ready for CSS input.

Minify — Removes all whitespace, line breaks, and comments to produce the smallest possible file. Use this for production.

Beautify — Re-formats compressed CSS back into readable, indented code. Use this for editing and debugging.

Result

Your transformed CSS appears here and can be copied or downloaded immediately.

Waiting for input

Original 0 chars

Result 0 chars

Change 0%