Paste HTML full of inline style attributes and get back clean markup plus a matching CSS block, with identical styles automatically sharing one class.
Inline styles can't be reused, are hard to override, and clutter markup. Extracting them into classes makes your CSS maintainable and lets the browser cache and reuse the same rule everywhere it applies.
Elements sharing the exact same inline style are automatically merged into a single class.
If an element already has a class attribute, the new class is appended rather than replacing it.
Parsing happens with the browser's own DOMParser, so nothing you paste ever leaves your device.
Each generated class becomes a normal CSS rule you can drop straight into a stylesheet.
It scans your HTML for elements with a style attribute, removes that attribute, adds a generated class name instead, and writes the original declarations into a CSS rule for that class.
Yes, if two elements have the exact same inline style text, they are given the same generated class so the CSS output stays small.
Yes, the generated class name is appended alongside any class the element already had, rather than replacing it.
No, your HTML is parsed and rewritten entirely in your browser using the DOMParser API. Nothing is uploaded anywhere.
The tool generates simple names like cls-1, cls-2 and so on; you can rename them yourself after pasting the output into your project.
More handy tools from My Panda Toolbox.