Charles TechCharles Tech
  • Tests High-Tech
    • Smartphones
      • iPhone
      • Asus
      • Huawei
      • Poco
      • Samsung
      • Xiaomi
    • Ordinateurs
      • PC fixe / gamer
      • PC portables
    • Composants PC
      • Cartes Graphiques
      • Processeurs
      • SSD
    • Eléctromenager
      • Aspirateurs robots
    • Périphériques
      • Claviers
      • Souris
  • Actu Tech
  • Bons plans
  • Dossiers
  • Guides d’achat
  • Tutos
  • Español
    • English
    • Deutsch
    • Italiano
    • Français
    • 日本語
    • Polski
Vous lisez Cómo recuperar fuentes y colores de un sitio web fácilmente
Font ResizerAa
Charles TechCharles Tech
Font ResizerAa
Rechercher ...
  • Tests High-Tech
    • Smartphones
    • Ordinateurs
    • Composants PC
    • Eléctromenager
    • Périphériques
  • Actu Tech
  • Bons plans
  • Dossiers
  • Guides d’achat
  • Tutos
  • Español
    • English
    • Deutsch
    • Italiano
    • Français
    • 日本語
    • Polski
Suivez-nous
Charles Tech > Todos nuestros consejos y tutoriales de alta tecnología > Cómo recuperar fuentes y colores de un sitio web fácilmente

Cómo recuperar fuentes y colores de un sitio web fácilmente

Charles Gouin-Peyrot
Charles Gouin-Peyrot
Published: 28/04/2024
Last updated: 28/04/2024
Ce site utilise des liens affiliés qui participent aux revenus du site. En les utilisant, ça ne vous coûte pas plus cher, mais un pourcentage nous est reversé pour continuer à vous informer et à proposer des tests toujours plus complets.
Partager

Si eres estudiante, diseñador gráfico, desarrollador web o simplemente alguien que navega a menudo por Internet, probablemente estés familiarizado con la pestaña «Inspeccionar elemento», que te permite ver los códigos HTML y CSS. Es una herramienta muy práctica para modificar una página web. ¿Quién de nosotros no ha cambiado el precio de un artículo para trollear a amigos o familiares o aumentar el saldo de nuestra cuenta corriente? Todos los navegadores disponen de esta opción. Basta con hacer clic con el botón derecho del ratón y pulsar«Inspeccionar» o«Inspeccionar elemento«, según el navegador.

Las diferentes funciones de la herramienta «Inspeccionar» en el navegador Microsoft Edge

Esta herramienta se puede utilizar para hacer un gran número de cosas de diferentes grados de complejidad técnica. Aquí vamos a centrarnos en una función disponible únicamente en el navegador Microsoft Edge. Y sí, el sucesor de Internet Explorer no es tan ridículo en cuanto a funciones y rendimiento. De la que os voy a hablar hoy es de la función ‘Capturar vista general’. Es una función disponible en la pestaña «Inspeccionar», a la que se accede haciendo clic con el botón derecho en una página web.

Aparece entonces un panel con abundante información. Se trata del código HTML de la página web en la que te encuentras. Te aconsejo que aumentes el tamaño de este panel para que sea más visible. Lo que buscamos está en las distintas pestañas de la parte superior del panel. La que buscamos es «Visión general deCSS«. Si no aparece por defecto en la barra de pestañas, puedes añadirla yendo al«+» o al final de la barra.

D'autres articles intéressants

¿Cómo se utiliza AirDrop en el iPhone?
¿Cómo se actualizan los AirPods?
¿Cómo puedo recuperar fotos borradas en el iPhone?
¿Cómo puedo liberar espacio de almacenamiento en mi iPhone?
¿Cómo elimino mi historial de Mozilla Firefox?

Una vez abierta la pestaña, verás una página mucho más pequeña que la anterior. Sólo tienes que hacer clic en el botón«Visión general de la captura».

Tras un análisis muy rápido, serás redirigido a una información claramente expuesta. Así, tenemos un pequeño resumen a la izquierda y los elementos que nos interesan son, en primer lugar, la pestaña «Color«.

Permite recuperar todos los colores presentes en una página web. Están clasificados por su ubicación. Así, tenemos colores de fondo, colores de texto, colores de relleno y colores de borde. Se expresan en formato HEX, que da un código de color HTML. Por último, está la pestaña «Información sobre fuentes«. Como su nombre indica, muestra los distintos tipos de letra utilizados en una página web. Se clasifican por aparición y por su ubicación en el código HTML.

Toda esta información es interesante para una gran variedad de usos, ya seas un desarrollador web en busca de inspiración, un estudiante que quiere personalizar su CV con los colores de la empresa a la que se presenta o un diseñador gráfico que quiere crear algo nuevo. Todo un abanico de posibilidades.

0/5 (0 Reseña)
Partager cet article
Facebook Email Copy Link Imprimer
Laisser une note

Laisser une note Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Sélectionnez une note

Réseaux sociaux

23kLike
38kSuivre
170Suivre
2.8kAbonnement
10.8kSuivre
1.1kSuivre
34Suivre

Publicité

Vous aimerez aussi ...

smartlock

¿Cómo cambio el código de bloqueo en Android?

28/04/2024
logo adwcleaner plein sospc.name

¿Cómo limpio mi ordenador con ADWCleaner?

28/04/2024
google chrome

¿Cómo puedo eliminar el historial de Google Chrome?

28/04/2024

¿Cómo se utiliza «OK Google» en un dispositivo Android?

28/04/2024

A ne pas louper !

ecran msi 24 1440p 144hz promo amazon
Cet écran gamer 34 pouces et 144 Hz est en promo exceptionnelle
Bons plans
promotion alimentation asus tuf 1200w
Asus fait tomber le prix de cette alimentation 1200W à moins de 200€
Bons plans
roborock saros 10 promo
À peine sorti, cet aspirateur robot est déjà en promo exceptionnelle
Bons plans
  • Annoncer sur CharlesTech
  • Mentions légales
  • Contactez nous
  • À propos
  • Plan de site
© Charles Tech 2017 - 2025 - Toute reproduction (même partielle) interdite sous peine de poursuites.
Re !

Connectez-vous

Username or Email Address
Password

Vous avez perdu votre mot de passe ?