Resumen visual de colores CSS, fuentes y tamaños de imágenes utilizados en una web

Hoy os traemos un recurso simple pero muy útil, se trata de Stylify Me.

Como siempre al maquetar una web tenemos que ser muy ordenados y disciplinados y esta herramienta online nos va ayudar a serlo.

Sin duda lo que mas nos ha llamado la atención es poder listar visualmente todos los colores que se han utilizado en una web.

Esto no permite ver claramente si podemos unificar colores que sean muy parecidos para conseguir un resultado mucho mas corporativo.

Stylify Me nos muestra visualmente los colores utilizados como color de fondo y  de texto. también nos muestra visualmente las tipografías utilizadas, y sus tamaños y por último nos muestra ejemplos de los tamaños de imágenes utilizados.

En resumen Stylify Me nos muestra información muy valiosa para poder unificar criterios en la web que queramos.

Una alternativa a Stylify Me es CSS Stats el cual nos analiza nuestra web para mostrarnos información sobre:
- Reglas, Selectores, Declaraciones y Propiedades.
- Colores (tipografía y color de fondo).
- Tamaños y familias de tipografía.
- Valores de z-index.
- Gráficos de estadísticas sobre el código CSS de nuestra web..
- Media Queries.
- Espacios (márgenes y paddings).
- Listado de archivos CSS.

Para terminar comentaros que si lo que queremos es listar los colores utilizados en un archivo CSS mediante la carga de un archivo o pegando el contenido del archivo CSS, podemos utilizar las siguientes herramientas online.

CSS color extractor > Nos muestra visualmente los colores utilizados en un CSS, o URL.
CSS Color Palette Extractor >  Nos muestra visualmente los colores utilizados en un CSS
zedbi View a website's color palette >  Nos muestra visualmente los colores utilizados una URL permitiéndonos seleccionar los Archvios CSS que contienen.