Saltar al contenido principal

Gratis · Sin cuenta · Local

Inspecciona cualquier elemento.Copia sus valores y pásalos a tu IA para programar.

Apunta a cualquier elemento para ver su fuente, sus colores y su espaciado. Cópialos para usarlos con tu IA para programar.

Sin necesidad de cuenta · Cero llamadas de red

Añadir a Chrome — gratis Inspeccionar esta página
Supreme Bold · 700

Ag

  • Ink
  • Amber
  • Paper
Aa Bb Cc 012392 / 1.0 / −0.028em

El botón abre el panel real en la tarjeta. Apunta a cualquier cosa de la página.

El panel

Todo en una sola vista

Cuando fijas un elemento, el panel lo agrupa todo en tres secciones: Tipografía, Colores y Caja. Cada valor que ves se puede copiar por separado con un solo clic.

  • Tipografía Consulta la familia tipográfica, el tamaño, el grosor y el espaciado entre letras.
  • Colores Consulta los colores del texto, del fondo y del borde en hex.
  • Caja Revisa el padding, el margin, el gap, el radio y el display.
o pulsa AltShiftE
El panel de SuperchargeInspect fijado en el glifo Ag de la tarjeta de muestra: Tipografía, Colores, Caja, un campo de nota y Copiar referencia. El panel de SuperchargeInspect fijado en el glifo Ag de la tarjeta de muestra: Tipografía, Colores, Caja, un campo de nota y Copiar referencia.

Copiar referencia

Pasa elementos a tu IA para programar

Escribes una nota breve y luego copias la referencia.

  • Nota, dirección de la página, localizador del elemento, estilos y fragmento del marcado.
  • Captura de pantalla anotada que muestra el elemento fijado y su contexto.
  • Copia solo el texto, solo la imagen o guárdalo como PNG.
Imagen de referencia generada con Copiar referencia: el glifo Ag recortado y resaltado con un contorno, con la nota Use Supreme Bold for the Ag heading. la dirección de la página y una línea de estilo.
La demo simula una captura de pantalla redibujando la página. La extensión instalada captura tu pestaña real y la mantiene privada.
  • llamadas de red 0 no se envía ningún dato
  • cuenta No no hace falta registrarse
  • secciones del panel 3 tipografía, colores, caja
  • formas de copiar 5 valor, referencia, texto, imagen, PNG

Úsalo con el teclado

  • Alt+Shift+EEmpieza a inspeccionar en la página activa. También puedes usar el botón de la barra de herramientas.
  • Arrow keysPasa al elemento anterior o al siguiente de la página.
  • Ctrl+Up / Ctrl+DownPasa al elemento padre o al elemento hijo. En macOS, usa Option+Arriba y Option+Abajo.
  • EnterFija el elemento al que apuntas. Vuelve a pulsarla para escribir una nota.
  • Ctrl+EnterCopia la referencia. En macOS, usa Cmd+Enter. Si aún no has fijado ningún elemento, lo fija y lo copia.
  • EscVuelve a la selección o cierra el panel.

Privado y local

Privado por diseño

Sin llamadas de red, sin cuenta.

  • Sin llamadas de red y sin enviar datos a ningún servidor.
  • Sin cuenta, y nunca se sube nada desde tu dispositivo.
  • Una captura de pantalla solo sale de tu dispositivo si la guardas o la pegas.
  • Solo se guardan tu última selección por página y el tema que elijas.

Qué cubre cada guía de funciones

Preguntas frecuentes

¿Qué es SuperchargeInspect?
SuperchargeInspect es un inspector de CSS y de elementos. Apuntas a cualquier elemento de una página y te muestra la fuente, los colores y el espaciado en un solo panel. Puedes copiar un único valor, o copiarlo todo junto con una nota y una captura de pantalla anotada para tu IA para programar.
¿Muestra la fuente que la web renderiza realmente?
Muestra la familia de fuentes declarada, no una fuente renderizada verificada. El panel muestra la primera familia de la lista, y al copiar se obtiene la pila de fuentes declarada completa. Esa es la fuente que pide la página. No comprueba qué fuente se dibuja realmente en pantalla, así que tómala como la familia declarada.
¿Qué formatos de color muestra?
Los colores se muestran en hex. Eso incluye el color del texto, el color de fondo y el del borde, si lo hay. Un color parcialmente transparente se muestra como valor rgba, y uno totalmente transparente aparece como transparente. Haces clic en cualquier color para copiar ese valor exacto.
¿Qué se copia para tu IA para programar?
Escribes una nota breve y luego copias la referencia. El texto copiado incluye tu nota, la dirección de la página, el elemento y su localizador, el tamaño del viewport y la posición de desplazamiento, la posición y el tamaño del elemento, los estilos observados y un breve fragmento del marcado. La captura anotada muestra el elemento con tu nota, la dirección y una breve línea de estilo.
¿Envía mis datos a algún sitio?
No. Todo lo que inspeccionas se queda en tu dispositivo. La extensión no hace llamadas de red ni envía datos. No hay cuenta. Una captura de pantalla solo sale de tu dispositivo cuando la guardas o la pegas en algún sitio, y lo que otra app haga con lo que pegues depende de esa app.
¿Cuándo y dónde puedo conseguirla?
Ya está disponible en Chrome y Edge, en Windows, macOS y Linux. Consíguela en la Chrome Web Store o en Microsoft Edge Add-ons. Es gratis y no necesitas cuenta.

Tres segundos para instalar.Nada que configurar.

Inspección local de elementos que muestra la fuente, los colores y el espaciado de cualquier elemento en un solo panel, y copia los valores junto con una nota y una captura de pantalla anotada para tu herramienta de IA para programar.

Añadir a Chrome — gratis

Pruebas para el ticket

Muestra el error en lugar de describirlo.

Detectaste un diseño roto mientras inspeccionabas. Graba la pestaña o haz una captura de página completa y compártela directamente en Drive. Sin marca de agua, sin cuenta.

Añadir a Chrome

Gratis · 100% local · Sin cuenta