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
  • Français
    • English
    • Deutsch
    • Español
    • Italiano
    • 日本語
    • Polski
Vous lisez Comment récupérer les polices d’écriture et les couleurs d’un site web facilement
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
  • Français
    • English
    • Deutsch
    • Español
    • Italiano
    • 日本語
    • Polski
Suivez-nous
Charles Tech > Astuces et tutoriels High-Tech > Comment récupérer les polices d’écriture et les couleurs d’un site web facilement

Comment récupérer les polices d’écriture et les couleurs d’un site web facilement

Nathan Colleaux
Nathan Colleaux
Published: 08/07/2022
Last updated: 08/07/2022
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

Que vous soyez étudiant, graphiste, développeur web ou tout simplement une personne qui traîne souvent sur Internet, vous connaissez très probablement l’onglet « Inspecter l’élément » qui permet de voir les codes HTML et CSS. C’est un outil très pratique pour modifier une page web. Qui de nous n’a jamais changé le prix d’un article pour troller ses amis ou ses parents ou encore augmenter le solde de son compte chèque. Tous les navigateurs ont cette option. Il vous suffit de faire un clique droit et de cliquer sur « Inspecter » ou « Inspecter l’élément » en fonction des navigateurs.

Les différentes fonctionnalités de l’outil « Inspecter » sur le navigateur Microsoft Edge

Cet outil permet de faire énormément de choses plus ou moins techniques. Ici, nous allons nous concentrer sur une fonctionnalité disponible seulement sur le navigateur Microsoft Edge. Et oui, le successeur d’Internet Explorer n’est pas si ridicule que cela quand on parle de fonctionnalités et de performances.

Celle dont je vais vous parler aujourd’hui est la fonction « Vue d’ensemble de la capture ». C’est donc une fonctionnalité disponible dans l’onglet « Inspecter » accessible grâce à un clique droit sur une page web.

D'autres articles intéressants

Comment désactiver les notifications sur Android ?
Comment créer un sondage sur Facebook ?
Comment télécharger une image d’un Google Doc ?
À quoi sert un VPN ? Notre guide complet
Comment supprimer de façon permanente votre compte Facebook

Suite à cela, un panneau avec beaucoup d’informations s’affiche. C’est le code HTML de la page web sur laquelle vous vous trouvez. Je vous conseille d’augmenter la taille de ce panneau pour avoir plus de visibilité. Ce qui nous intéresse se trouve donc dans les différents onglets situés en haut du panneau. Celui qu’on recherche est donc « Vue d’ensemble CSS« . Si celui-ci n’est pas affiché par défaut dans la barre d’onglet, vous pouvez l’ajouter en allant sur le « + » ou bout de la barre.

Une fois l’onglet ouvert, vous allez voir une page beaucoup moins fournie que la précédente. Il vous suffira de cliquer sur le bouton « Vue d’ensemble de la capture« .

Après une très rapide analyse, vous allez être redirigé vers des informations bien disposées et très claires. Nous avons donc un petit sommaire sur la gauche et les éléments qui nous intéressent sont dans un premier temps l’onglet « Couleur« .

Celui-ci vous permet de récupérer toutes les couleurs présentes sur une page web. Elles sont classées par leur emplacement. Nous avons donc les couleurs d’arrière-plan, les couleurs de texte, les couleurs de remplissage et les couleurs de bordures. Elles sont exprimées sous le format HEX qui donne un code couleur HTML.

Enfin, nous retrouvons l’onglet « Informations sur la police« . Comme son nom l’indique, il permet d’obtenir les différentes polices d’écritures d’une page web. Elles sont classées par occurrence et par leur emplacement dans le code HTML.

Toutes ces informations sont intéressantes pour divers usages, que vous soyez un développeur web cherchant de l’inspiration, un étudiant voulant personnaliser son CV aux couleurs de l’entreprise dans lequel il postule ou un graphiste pour ses créations. Plein d’usages sont possibles.

0/5 (0 Reviews)
Partager cet article
Facebook Email Copy Link Imprimer
1 note
  • Buzzy says:

    Très bonne astuce !

    Répondre

Laisser une note Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Sélectionnez une note

Notre partenaire

H9 Banner 300x600 FR

Réseaux sociaux

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

Vous aimerez aussi ...

test crucial p310 avis (2)

Comment changer le disque dur de son ordinateur par un SSD

06/04/2025

Comment appeler en numéro masqué avec un iPhone ?

20/04/2023

iOS 16 : Guide pour personnaliser l’écran de verrouillage

25/04/2023

Comment changer la langue d’un smartphone Huawei ?

02/06/2023

A ne pas louper !

test asus rog phone 8pro avis (10)
Le Asus ROG Phone 8 n’a jamais été à un prix aussi intéressant
Bons plans
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
  • 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 ?