🎨Extrator de Estilos CSS
Extraia estilos CSS de um HTML colado — tags <style> e atributos style inline, tudo no navegador.
🔒 Cálculo 100% local — os dados que você digita não saem do seu navegador, nada é enviado a servidores.
Fonte: DOMParser nativo do navegador — extração 100% no navegador, sem envio de dados · Última verificação em 08/10/2026
O extrator de estilos CSS encontra regras CSS em um HTML colado: tags <style> e atributos style inline. A ferramenta usa DOMParser para ler o HTML e extrai as regras CSS. Todo o processamento é 100% local. A ferramenta é gratuita e fácil de usar.
Como extrair estilos CSS
- Cole o HTMLCole o HTML no campo de texto.
- ExtraiaA ferramenta encontra <style> e inline styles.
- Confira o resultadoO resultado mostra as regras CSS.
Como funciona a extração
A ferramenta usa o DOMParser nativo do navegador para ler o HTML e criar uma árvore DOM. Depois, usa querySelectorAll('style') para encontrar as tags <style> e querySelectorAll('[style]') para encontrar elementos com atributos style inline.
Para cada tag <style>, extrai o conteúdo CSS. Para cada elemento com style inline, extrai o valor do atributo style. O resultado é uma lista de regras CSS encontradas.
A extração é útil para encontrar estilos em HTMLs: CSS em <style>, estilos inline em elementos. A ferramenta não modifica o HTML — apenas extrai os estilos.
A extração é útil para encontrar estilos em HTMLs: CSS em <style>, estilos inline em elementos. A ferramenta não modifica o HTML — apenas extrai os estilos.
Para HTMLs com muitas regras CSS, a extração pode demorar — seja paciente. E para estilos em arquivos externos (link rel='stylesheet'), a extração não encontra — ela só extrai estilos inline e em <style>.
Exemplo resolvido
Na bancada de testes, um HTML com <style>body { color: red; }</style> e <div style='font-size: 14px'> foi extraído. O resultado mostrou 2 regras CSS: 'body { color: red; }' e 'font-size: 14px'.
Um segundo caso: um HTML sem <style> e sem inline styles gerou uma lista vazia — a ferramenta avisa que não encontrou estilos. E para HTMLs com múltiplas tags <style>, a extração mostra todas as regras.