¿Generando una hoja de estilo basada en el estilo HTML en línea?

He estado trabajando en el diseño de diferentes partes de mi sitio web por un tiempo, sin embargo, todavía tengo que poner mis estilos en línea en una hoja de estilo. Me preguntaba si existe una herramienta para analizar un archivo HTML y generar una hoja de estilo a partir de él. Por ejemplo, aquí hay un fragmento de mi sitio web:

<div class="block" style="border:1px solid">
    <img id="profile-pic" style="float:left;border:0px"/>
</div>

Y me gustaría poder generar esto:

.block {
    border: 1px solid;
}

#profile-pic {
    float: left;
    border: 0px;
}

Existe algo como esto?

Respuestas a la pregunta(3)

Su respuesta a la pregunta