StylePeek - Inspector de Estilos de Diseño

Inspecciona fuentes, colores y espaciado en cualquier sitio web al instante, sin abrir DevTools.

StylePeek es un inspector de diseño pensado para la velocidad. Abre el panel lateral, haz clic en cualquier elemento y consulta sus estilos de inmediato. Sin recargas de página, sin contaminación del DOM, sin complicaciones.

CÓMO FUNCIONA:
1. Haz clic en el icono de StylePeek para abrir el panel lateral
2. Pulsa "Iniciar Inspección" y selecciona cualquier elemento de la página
3. Consulta tipografía, colores y espaciado al instante en el panel lateral
4. Copia cualquier valor con un solo clic

El panel lateral permanece abierto mientras navegas: inspecciona elementos en distintas páginas y pestañas sin tener que reabrirlo.

FUNCIONES GRATUITAS:
- Inspecciona familia de fuente, tamaño, peso y altura de línea
- Extrae colores (hex, RGB, HSL) con muestras de vista previa
- Mide margen y relleno con modelo de caja visual
- Copia con un clic cualquier valor inspeccionado
- Funciona en cualquier sitio web

FUNCIONES PRO:
- Exporta estilos como clases de Tailwind CSS
- Exporta como propiedades personalizadas CSS o tokens de diseño JSON
- Extrae colores de imágenes
- Análisis de diseño de página completa y resumen de estilos

PRIVACIDAD:
- Toda la inspección se ejecuta localmente en tu navegador: no se envían datos a ningún servidor
- Sin inyección en el DOM: las páginas inspeccionadas permanecen completamente limpias
- No se requiere cuenta para las funciones gratuitas

POR QUÉ SE NECESITAN PERMISOS DE HOST:
StylePeek necesita acceso a las páginas web para leer los estilos CSS de los elementos en los que haces clic. Esto es necesario para que el panel lateral funcione en todas las pestañas. No se recopila, almacena ni transmite ningún contenido de la página.

Perfecto para diseñadores web que consultan sitios de referencia, desarrolladores frontend que depuran maquetaciones y equipos de sistemas de diseño que auditan la consistencia.